#23DC45
#23DC45
#DC23BA
#DC23BA
ค่าสี
| รูปแบบ | #23DC45 | #DC23BA |
|---|---|---|
| HEX | #23DC45 | #DC23BA |
| RGB | 35, 220, 69 | 220, 35, 186 |
| HSL | 131.0, 72.5%, 50.0% | 311.0, 72.5%, 50.0% |
| HSV | 131.0, 84.1%, 86.3% | 311.0, 84.1%, 86.3% |
| CMYK | 84.1%, 0.0%, 68.6%, 13.7% | 0.0%, 84.1%, 15.5%, 13.7% |
| OKLCH | 0.7804 0.2368 144.9 | 0.6184 0.2539 337.6 |
คอนทราสต์และการเข้าถึง
2.28:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DC23BA → พื้นหลัง: #23DC45
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #23DC45 → พื้นหลัง: #DC23BA
ความแตกต่างของสี (Delta E)
180.24
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #23DC45, #DC23BA);
background: linear-gradient(135deg, #23DC45, #DC23BA);