#284635
#284635
#462839
#462839
ค่าสี
| รูปแบบ | #284635 | #462839 |
|---|---|---|
| HEX | #284635 | #462839 |
| RGB | 40, 70, 53 | 70, 40, 57 |
| HSL | 146.0, 27.3%, 21.6% | 326.0, 27.3%, 21.6% |
| HSV | 146.0, 42.9%, 27.5% | 326.0, 42.9%, 27.5% |
| CMYK | 42.9%, 0.0%, 24.3%, 72.5% | 0.0%, 42.9%, 18.6%, 72.5% |
| OKLCH | 0.365 0.0468 158.2 | 0.3213 0.0517 345.4 |
คอนทราสต์และการเข้าถึง
1.24:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #462839 → พื้นหลัง: #284635
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #284635 → พื้นหลัง: #462839
ความแตกต่างของสี (Delta E)
35.28
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #284635, #462839);
background: linear-gradient(135deg, #284635, #462839);