ระบุค่าสี
ปรับแถบเลื่อน กรอกรหัส HEX หรือใช้ตัวเลือกสี ค่าสี คอนทราสต์ และความกลมกลืนจะอัปเดตไปพร้อมกัน
โหมดป้อนค่า
ค่าตั้งล่วงหน้า
ค่าสี
- HEX
-
- RGB
-
- HSL
-
- OKLCH
-
- CMYK
-
คอนทราสต์
| อัตราส่วน อัตราส่วนคอนทราสต์: ความต่างของความสว่างระหว่างสองสี ตั้งแต่ 1:1 ถึง 21:1 ยิ่งมากยิ่งอ่านง่าย | APCA (Lc) APCA: มาตรวัดคอนทราสต์เชิงการรับรู้แบบใหม่จากร่าง WCAG 3 ค่า Lc อยู่ราว 0–106 ยิ่งมากยิ่งอ่านง่าย เครื่องหมายบอกขั้ว (ตัวอักษรเข้มบนพื้นอ่อน หรืออ่อนบนเข้ม) | |
|---|---|---|
| เป็นพื้นหลัง | ||
| ตัวอักษรขาว | ||
| ตัวอักษรดำ | ||
| เป็นตัวอักษร | ||
| พื้นขาว | ||
| พื้นดำ | ||
ความกลมกลืนของสี
ตัวอย่างการใช้งาน
เป็นพื้นหลัง (ตัวอักษรดำ)
เป็นพื้นหลัง (ตัวอักษรขาว)
เป็นตัวอักษร (พื้นขาว)
เป็นตัวอักษร (พื้นดำ)
ลองจับคู่สี
พื้นหลัง ตัวอักษร