#20C034
#20C034
#C020AC
#C020AC
ค่าสี
| รูปแบบ | #20C034 | #C020AC |
|---|---|---|
| HEX | #20C034 | #C020AC |
| RGB | 32, 192, 52 | 192, 32, 172 |
| HSL | 127.5, 71.4%, 43.9% | 307.5, 71.4%, 43.9% |
| HSV | 127.5, 83.3%, 75.3% | 307.5, 83.3%, 75.3% |
| CMYK | 83.3%, 0.0%, 72.9%, 24.7% | 0.0%, 83.3%, 10.4%, 24.7% |
| OKLCH | 0.7046 0.2176 144.1 | 0.5652 0.2338 334.3 |
คอนทราสต์และการเข้าถึง
2.14:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C020AC → พื้นหลัง: #20C034
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #20C034 → พื้นหลัง: #C020AC
ความแตกต่างของสี (Delta E)
167.66
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #20C034, #C020AC);
background: linear-gradient(135deg, #20C034, #C020AC);