#504E56
#504E56
#54564E
#54564E
ค่าสี
| รูปแบบ | #504E56 | #54564E |
|---|---|---|
| HEX | #504E56 | #54564E |
| RGB | 80, 78, 86 | 84, 86, 78 |
| HSL | 255.0, 4.9%, 32.2% | 75.0, 4.9%, 32.2% |
| HSV | 255.0, 9.3%, 33.7% | 75.0, 9.3%, 33.7% |
| CMYK | 7.0%, 9.3%, 0.0%, 66.3% | 2.3%, 0.0%, 9.3%, 66.3% |
| OKLCH | 0.4287 0.0133 297.3 | 0.4487 0.013 118.3 |
คอนทราสต์และการเข้าถึง
1.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #54564E → พื้นหลัง: #504E56
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #504E56 → พื้นหลัง: #54564E
ความแตกต่างของสี (Delta E)
10.46
Noticeable
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #504E56, #54564E);
background: linear-gradient(135deg, #504E56, #54564E);