#888888

ค่าสี การเขียนค่าสี — HEX (ฐานสิบหก), RGB (แม่สีของแสง), HSL (เฉดสี/ความอิ่มตัว/ความสว่าง), CMYK (หมึกพิมพ์ โดยประมาณ)

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
OKLCH
oklch(62.7% 0 0)
CMYK
0% 0% 0% 47%
ความสว่างสัมพัทธ์ ความสว่างสัมพัทธ์: ความสว่างของสี ตั้งแต่ 0 (ดำ) ถึง 1 (ขาว) ใช้คำนวณคอนทราสต์ตาม WCAG
0.2462
เฉดสี เฉดสี: ชนิดของสี (แดง ส้ม เหลือง…) เราแบ่งวงล้อสีออกเป็น 12 ส่วน
ไร้สีสัน
ชื่อที่ใกล้ที่สุด ชื่อที่ใกล้ที่สุด: ชื่อสีมาตรฐาน CSS ที่ใกล้เคียงสีนี้ที่สุด
gray

คอนทราสต์

อัตราส่วน อัตราส่วนคอนทราสต์: ความต่างของความสว่างระหว่างสองสี ตั้งแต่ 1:1 ถึง 21:1 ยิ่งมากยิ่งอ่านง่าย APCA (Lc) APCA: มาตรวัดคอนทราสต์เชิงการรับรู้แบบใหม่จากร่าง WCAG 3 ค่า Lc อยู่ราว 0–106 ยิ่งมากยิ่งอ่านง่าย เครื่องหมายบอกขั้ว (ตัวอักษรเข้มบนพื้นอ่อน หรืออ่อนบนเข้ม)
เป็นพื้นหลัง
ตัวอักษรขาว 3.54:1 -69
ตัวอักษรดำ 5.92:1 41
เป็นตัวอักษร
พื้นขาว 3.54:1 63
พื้นดำ 5.92:1 -39

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

ระดับโทน ระดับโทน: ห้าขั้นที่คงเฉดสีไว้แต่ปรับความสว่าง

เฉดเข้มและเฉดอ่อน เฉดเข้มและเฉดอ่อน: ขั้นที่อ่อนกว่าเกิดจากผสมไปทางขาว (tint) และขั้นที่เข้มกว่าเกิดจากผสมไปทางดำ (shade)

ความรู้สึก ความรู้สึก: ป้ายบอกอารมณ์ที่สีสื่อออกมา — อบอุ่น สงบ สดใส และอื่น ๆ

ตัวอย่างการใช้งาน

เป็นพื้นหลัง (ตัวอักษรดำ)

อัตราส่วน 5.92:1 APCA (Lc) 41

เป็นพื้นหลัง (ตัวอักษรขาว)

อัตราส่วน 3.54:1 APCA (Lc) -69

เป็นตัวอักษร (พื้นขาว)

อัตราส่วน 3.54:1 APCA (Lc) 63

เป็นตัวอักษร (พื้นดำ)

อัตราส่วน 5.92:1 APCA (Lc) -39