#81DF24
#81DF24
#8224DF
#8224DF
ค่าสี
| รูปแบบ | #81DF24 | #8224DF |
|---|---|---|
| HEX | #81DF24 | #8224DF |
| RGB | 129, 223, 36 | 130, 36, 223 |
| HSL | 90.2, 74.5%, 50.8% | 270.2, 74.5%, 50.8% |
| HSV | 90.2, 83.9%, 87.5% | 270.2, 83.9%, 87.5% |
| CMYK | 42.2%, 0.0%, 83.9%, 12.5% | 41.7%, 83.9%, 0.0%, 12.5% |
| OKLCH | 0.8136 0.2231 134.0 | 0.5166 0.2516 299.6 |
คอนทราสต์และการเข้าถึง
3.83:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #8224DF → พื้นหลัง: #81DF24
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #81DF24 → พื้นหลัง: #8224DF
ความแตกต่างของสี (Delta E)
199.54
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #81DF24, #8224DF);
background: linear-gradient(135deg, #81DF24, #8224DF);