black

#000000

#5BA2C3

#5BA2C3

อัตราส่วนความเปรียบต่าง

7.4:1

Delta E

68.91

Very Different

ผสม 50:50

#314E5D

ค่าสี

รูปแบบ #000000 #5BA2C3
HEX #000000 #5BA2C3
RGB 0, 0, 0 91, 162, 195
HSL 0.0, 0.0%, 0.0% 199.0, 46.4%, 56.1%
HSV 0.0, 0.0%, 0.0% 199.0, 53.3%, 76.5%
CMYK 0%, 0%, 0%, 100% 53.3%, 16.9%, 0.0%, 23.5%
OKLCH 0.0 0.0 0.0 0.6786 0.0865 229.9

คอนทราสต์และการเข้าถึง

7.4:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

ความสามารถในการอ่านข้อความ

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #5BA2C3 → พื้นหลัง: #000000

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #000000 → พื้นหลัง: #5BA2C3

ความแตกต่างของสี (Delta E)

68.91 Very Different
0 — เหมือนกัน 5 — คล้ายคลึงกัน 25 — แตกต่างพอสังเกตได้ 100 — แตกต่างมาก

ไล่ระดับสี

#000000 #161E22 #24353E #314E5D #3F697D #4D859F #5BA2C3

การผสมสี

#000000

100%

#1D2930

75:25

#314E5D

50:50

#46778E

25:75

#5BA2C3

100%

โค้ดไล่ระดับสี CSS

background: linear-gradient(to right, #000000, #5BA2C3);
background: linear-gradient(135deg, #000000, #5BA2C3);

สำรวจแต่ละสี

black

ดูรายละเอียดสีทั้งหมด

#5BA2C3

ดูรายละเอียดสีทั้งหมด

การเปรียบเทียบที่เกี่ยวข้อง