#52C159
#52C159
#C152BA
#C152BA
ค่าสี
| รูปแบบ | #52C159 | #C152BA |
|---|---|---|
| HEX | #52C159 | #C152BA |
| RGB | 82, 193, 89 | 193, 82, 186 |
| HSL | 123.8, 47.2%, 53.9% | 303.8, 47.2%, 53.9% |
| HSV | 123.8, 57.5%, 75.7% | 303.8, 57.5%, 75.7% |
| CMYK | 57.5%, 0.0%, 53.9%, 24.3% | 0.0%, 57.5%, 3.6%, 24.3% |
| OKLCH | 0.723 0.1758 144.6 | 0.6178 0.1882 330.1 |
คอนทราสต์และการเข้าถึง
1.76:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C152BA → พื้นหลัง: #52C159
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #52C159 → พื้นหลัง: #C152BA
ความแตกต่างของสี (Delta E)
135.66
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #52C159, #C152BA);
background: linear-gradient(135deg, #52C159, #C152BA);