#04C603
#04C603
#C503C6
#C503C6
ค่าสี
| รูปแบบ | #04C603 | #C503C6 |
|---|---|---|
| HEX | #04C603 | #C503C6 |
| RGB | 4, 198, 3 | 197, 3, 198 |
| HSL | 119.7, 97.0%, 39.4% | 299.7, 97.0%, 39.4% |
| HSV | 119.7, 98.5%, 77.6% | 299.7, 98.5%, 77.6% |
| CMYK | 98.0%, 0.0%, 98.5%, 22.4% | 0.5%, 98.5%, 0.0%, 22.4% |
| OKLCH | 0.7164 0.2429 142.5 | 0.579 0.2654 328.1 |
คอนทราสต์และการเข้าถึง
2.16:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C503C6 → พื้นหลัง: #04C603
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #04C603 → พื้นหลัง: #C503C6
ความแตกต่างของสี (Delta E)
194.14
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #04C603, #C503C6);
background: linear-gradient(135deg, #04C603, #C503C6);