วางจานสี 5 สีลงในอินเทอร์เฟซจริง 3 แบบ — แดชบอร์ด หน้าแลนดิ้ง เพจ แอปมือถือ — และดูว่าเป็นผลิตภัณฑ์จริงหรือไม่ บทบาทจะถูกกำหนดโดยอัตโนมัติ: หลัก, เน้น, พื้นผิว และข้อความจะพบที่ของตนเองทั้งหมด
แก้ไขจานสี (คลิกที่ตัวอย่างสีเพื่อเปลี่ยน)
นำสี 5 สีไปใส่ในอินเทอร์เฟซจริง 3 แบบ โดยระบบจะกำหนดบทบาทให้โดยอัตโนมัติ
คลิก "Visualize" บนจานสีชุมชนหรือกระดานจานสีใดก็ได้ เพื่อนำเข้ามา หรือแก้ไขค่า HEX ห้าค่าด้วยตนเอง
เอนจินจะกำหนดค่าสีหลัก, สีรอง, สีเน้น, สีพื้นผิว และสีข้อความตามความสว่างและความอิ่มตัว - ดูว่าแต่ละสีอยู่ตำแหน่งไหนในแต่ละ Mockup
สลับระหว่างแดชบอร์ด, หน้าแลนดิ้ง และแอปมือถือแบบเรียลไทม์; คลิกที่ตัวอย่างสีใดก็ได้เพื่อเปลี่ยนสีทันที
คำถามสี่ข้อที่ผู้คนมักถามเกี่ยวกับการแสดงตัวอย่างจานสี
ดำเนินต่อไปจากที่นี่และนำสีไปใช้งาน
ใช้ Spacebar เพื่อสุ่ม ล็อก ลากเพื่อจัดเรียงใหม่ แชร์ผ่าน URL — ทุกอย่างที่แผงจานสีควรมี
แปลงสีใด ๆ ให้เป็นสเกลระบบดีไซน์ 11 ระดับ โดยมีความสม่ำเสมอทางการรับรู้ใน OKLCH, ความคมชัดตามมาตรฐาน WCAG ต่อระดับ และส่งออกไปยัง Tailwind/CSS/SCSS/JSON
ตรวจสอบคอนทราสต์ตามมาตรฐาน WCAG 2.1 ระหว่างสีพื้นหน้าและพื้นหลังใดๆ
อธิบายฉากหรืออารมณ์ในหนึ่งบรรทัด — รับจานสี 5 บทบาทพร้อมเหตุผล