ตัวดูและสร้างจานสี

คุณสามารถนำเข้าจานสีจากตัวแปร CSS (:root), ตัวแปร SCSS ($color), ไฟล์การตั้งค่า Tailwind, ออบเจกต์ JSON หรือรายการรหัสสี Hex แบบง่าย รองรับทั้งการอัปโหลดไฟล์และการวางข้อความ

เครื่องมือสร้างใช้ความสัมพันธ์ทางคณิตศาสตร์ของสีบนวงล้อสีเพื่อสร้างจานสีที่กลมกลืน เลือกได้จากชุดสีคู่ตรงข้าม (สีตรงกันข้าม), ไตรแอดิก (สามสีที่ห่างเท่ากัน), อะนาล็อกัส (สีที่อยู่ติดกัน) และอื่น ๆ

เครื่องมือนี้ปฏิบัติตามแนวทาง WCAG 2.1 โดยตรวจสอบการปฏิบัติตามมาตรฐาน AA (อัตราส่วน 4.5:1), AAA (อัตราส่วน 7:1) และข้อความขนาดใหญ่ AA (อัตราส่วน 3:1) เพื่อให้แน่ใจว่าสีของคุณสามารถใช้งานได้สำหรับผู้ใช้ที่มีความบกพร่องทางการมองเห็น

ได้! คลิกที่ตัวอย่างสีใดก็ได้เพื่อเปิดโปรแกรมแก้ไขตัวเลือกสี คุณยังสามารถลากสีเพื่อจัดเรียงใหม่ หรือใช้ปุ่มสุ่มเพื่อจัดเรียงจานสีใหม่แบบสุ่มได้

ส่งออกจานสีของคุณเป็นคุณสมบัติที่กำหนดเองของ CSS, ตัวแปร SCSS, การตั้งค่า Tailwind CSS, ออบเจกต์ข้อมูล JSON หรือรูปภาพ PNG แต่ละรูปแบบได้รับการปรับให้เหมาะสมสำหรับขั้นตอนการทำงานการพัฒนาที่แตกต่างกัน

จานสีเทมเพลตโดยทั่วไปจะมี 5 สี แต่จานสีที่กำหนดเองสามารถมีได้ตั้งแต่ 3 สีขึ้นไป เครื่องมือจะจัดการขนาดจานสีที่แตกต่างกันโดยอัตโนมัติ และขยายให้เหมาะสมเมื่อจำเป็นสำหรับเทมเพลต