#4BA252
#4BA252
#A24B9B
#A24B9B
ค่าสี
| รูปแบบ | #4BA252 | #A24B9B |
|---|---|---|
| HEX | #4BA252 | #A24B9B |
| RGB | 75, 162, 82 | 162, 75, 155 |
| HSL | 124.8, 36.7%, 46.5% | 304.8, 36.7%, 46.5% |
| HSV | 124.8, 53.7%, 63.5% | 304.8, 53.7%, 63.5% |
| CMYK | 53.7%, 0.0%, 49.4%, 36.5% | 0.0%, 53.7%, 4.3%, 36.5% |
| OKLCH | 0.6391 0.143 145.2 | 0.5517 0.1527 330.5 |
คอนทราสต์และการเข้าถึง
1.64:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #A24B9B → พื้นหลัง: #4BA252
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #4BA252 → พื้นหลัง: #A24B9B
ความแตกต่างของสี (Delta E)
109.88
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #4BA252, #A24B9B);
background: linear-gradient(135deg, #4BA252, #A24B9B);