#72BE60
#72BE60
#AC60BE
#AC60BE
ค่าสี
| รูปแบบ | #72BE60 | #AC60BE |
|---|---|---|
| HEX | #72BE60 | #AC60BE |
| RGB | 114, 190, 96 | 172, 96, 190 |
| HSL | 108.5, 42.0%, 56.1% | 288.5, 42.0%, 56.1% |
| HSV | 108.5, 49.5%, 74.5% | 288.5, 49.5%, 74.5% |
| CMYK | 40.0%, 0.0%, 49.5%, 25.5% | 9.5%, 49.5%, 0.0%, 25.5% |
| OKLCH | 0.7301 0.1493 139.8 | 0.612 0.1577 319.7 |
คอนทราสต์และการเข้าถึง
1.79:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AC60BE → พื้นหลัง: #72BE60
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #72BE60 → พื้นหลัง: #AC60BE
ความแตกต่างของสี (Delta E)
117.67
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #72BE60, #AC60BE);
background: linear-gradient(135deg, #72BE60, #AC60BE);