เปรียบเทียบสองสี
ดูว่าสองสีต่างกันแค่ไหนในด้านความสว่าง ความอิ่มตัว และฮิว อ่านง่ายแค่ไหนเมื่อวางซ้อนกัน และมีสีอะไรอยู่ระหว่างกลาง
สีกรมท่า#000080
สีน้ำเงินรอยัล#4169e1
สีกรมท่า และ สีน้ำเงินรอยัล ต่างกันชัดเจน สีน้ำเงินรอยัล สว่างกว่า 28.9% ความอิ่มตัวเท่ากัน ฮิวต่างกัน 2°
ความต่าง
CIEDE200030.42ต่างกันชัดเจน
ความสว่าง+28.9%
ความสด0
ฮิว+2°
ต่ำกว่า 1 ตาแยกไม่ออก ราว 2.3 คือความต่างที่เล็กที่สุดที่มองเห็นได้
รหัสสี
สีกรมท่า
- HEX
- RGB
- HSL
- OKLCH
สีน้ำเงินรอยัล
- HEX
- RGB
- HSL
- OKLCH
วางซ้อนกัน
Aaสีกรมท่า / สีน้ำเงินรอยัล3.3:1 · APCA Lc 26ต่ำกว่า WCAG AA สำหรับข้อความ
Aaสีน้ำเงินรอยัล / สีกรมท่า3.3:1 · APCA Lc -25ต่ำกว่า WCAG AA สำหรับข้อความ
ระหว่างกลาง
จุดกึ่งกลางใน OKLab: #183cb0
คำถามที่พบบ่อย
สีกรมท่า กับ สีน้ำเงินรอยัล ต่างกันอย่างไร
สีกรมท่า และ สีน้ำเงินรอยัล ต่างกันชัดเจน สีน้ำเงินรอยัล สว่างกว่า 28.9% ความอิ่มตัวเท่ากัน ฮิวต่างกัน 2° ค่าความต่างของสีแบบ CIEDE2000 เท่ากับ 30.42
สีน้ำเงินรอยัล สว่างกว่า สีกรมท่า หรือไม่
สีน้ำเงินรอยัล สว่างกว่า 28.9% ใน OKLCH สีกรมท่า มีความสว่าง 27.1% ส่วน สีน้ำเงินรอยัล มี 56%
ใช้ข้อความสีกรมท่าบนพื้นสีน้ำเงินรอยัลได้หรือไม่
อัตราส่วนคอนทราสต์ระหว่างสองสีนี้คือ 3.3:1 โดย WCAG AA กำหนด 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ ดังนั้นควรใช้กับข้อความขนาดใหญ่และหัวข้อเท่านั้น