#4142AC
#4142AC
#ACAB41
#ACAB41
ค่าสี
| รูปแบบ | #4142AC | #ACAB41 |
|---|---|---|
| HEX | #4142AC | #ACAB41 |
| RGB | 65, 66, 172 | 172, 171, 65 |
| HSL | 239.4, 45.1%, 46.5% | 59.4, 45.1%, 46.5% |
| HSV | 239.4, 62.2%, 67.5% | 59.4, 62.2%, 67.5% |
| CMYK | 62.2%, 61.6%, 0.0%, 32.5% | 0.0%, 0.6%, 62.2%, 32.5% |
| OKLCH | 0.444 0.1653 276.9 | 0.7215 0.1274 108.7 |
คอนทราสต์และการเข้าถึง
3.33:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #ACAB41 → พื้นหลัง: #4142AC
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #4142AC → พื้นหลัง: #ACAB41
ความแตกต่างของสี (Delta E)
123.95
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #4142AC, #ACAB41);
background: linear-gradient(135deg, #4142AC, #ACAB41);