#50DF66
#50DF66
#DF50C9
#DF50C9
ค่าสี
| รูปแบบ | #50DF66 | #DF50C9 |
|---|---|---|
| HEX | #50DF66 | #DF50C9 |
| RGB | 80, 223, 102 | 223, 80, 201 |
| HSL | 129.2, 69.1%, 59.4% | 309.2, 69.1%, 59.4% |
| HSV | 129.2, 64.1%, 87.5% | 309.2, 64.1%, 87.5% |
| CMYK | 64.1%, 0.0%, 54.3%, 12.5% | 0.0%, 64.1%, 9.9%, 12.5% |
| OKLCH | 0.8005 0.2039 146.0 | 0.6642 0.2208 334.4 |
คอนทราสต์และการเข้าถึง
1.97:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DF50C9 → พื้นหลัง: #50DF66
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #50DF66 → พื้นหลัง: #DF50C9
ความแตกต่างของสี (Delta E)
156.58
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #50DF66, #DF50C9);
background: linear-gradient(135deg, #50DF66, #DF50C9);