#45DC89
#45DC89
#DC4598
#DC4598
ค่าสี
| รูปแบบ | #45DC89 | #DC4598 |
|---|---|---|
| HEX | #45DC89 | #DC4598 |
| RGB | 69, 220, 137 | 220, 69, 152 |
| HSL | 147.0, 68.3%, 56.7% | 327.0, 68.3%, 56.7% |
| HSV | 147.0, 68.6%, 86.3% | 327.0, 68.6%, 86.3% |
| CMYK | 68.6%, 0.0%, 37.7%, 13.7% | 0.0%, 68.6%, 30.9%, 13.7% |
| OKLCH | 0.7957 0.1732 154.7 | 0.628 0.2023 350.7 |
คอนทราสต์และการเข้าถึง
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DC4598 → พื้นหลัง: #45DC89
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #45DC89 → พื้นหลัง: #DC4598
ความแตกต่างของสี (Delta E)
132.76
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #45DC89, #DC4598);
background: linear-gradient(135deg, #45DC89, #DC4598);