วิธีการทำงาน

1

เลือกสีของคุณ

ใช้ตัวเลือกสเปกตรัม วงล้อสี หรือวางรหัสสีใดก็ได้

2

สร้างจานสีของคุณ

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

3

ส่งออกได้ทุกที่

คัดลอกในรูปแบบใดก็ได้ ส่งออกเป็นตัวแปร CSS, การกำหนดค่า Tailwind, SCSS หรือ JSON ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ

คุณสมบัติที่ทรงพลัง

ส่วนตัว 100%

การประมวลผลทั้งหมดเกิดขึ้นในเครื่อง ไม่มีการอัปโหลด ไม่มีเซิร์ฟเวอร์ ไม่มีการติดตาม

14+ รูปแบบสี

HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB และอื่น ๆ

เครื่องมือการเข้าถึง

การตรวจสอบความคมชัด WCAG & APCA, การจำลองตาบอดสี

ความกลมกลืนของสี

คู่ตรงข้าม, ข้างเคียง, ไตรภาคี, จตุรภาคี และแผนภูมิอื่น ๆ

คำถามที่พบบ่อย

ข้อมูลของฉันเป็นส่วนตัวหรือไม่?
ใช่ 100% การประมวลผลสีทั้งหมดเกิดขึ้นภายในเบราว์เซอร์ของคุณโดยใช้ JavaScript ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ เราไม่ติดตาม ไม่เก็บ หรือส่งข้อมูลใด ๆ
รองรับรูปแบบสีอะไรบ้าง?
เรารองรับ 14+ รูปแบบสี: HEX, HEX8 (พร้อมอัลฟ่า), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB, และ OKLCH คุณสามารถป้อนข้อมูลและส่งออกในรูปแบบใดก็ได้
ความคมชัด WCAG คืออะไร?
WCAG (แนวทางการเข้าถึงเนื้อหาเว็บ) กำหนดอัตราส่วนความคมชัดขั้นต่ำสำหรับการอ่านข้อความ AA ต้องการ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความขนาดใหญ่ AAA ต้องการ 7:1 และ 4.5:1 ตามลำดับ
APCA คืออะไร?
APCA (อัลกอริทึมความคมชัดการรับรู้ขั้นสูง) เป็นวิธีการคำนวณความคมชัดสมัยใหม่ที่จำลองการรับรู้ของมนุษย์ได้ดีขึ้น กำลังได้รับการพิจารณาสำหรับ WCAG 3.0 และให้ผลลัพธ์ที่แม่นยำยิ่งขึ้นสำหรับการอ่านในโลกแห่งความจริง