#48AD60
#48AD60
#AD4895
#AD4895
ค่าสี
| รูปแบบ | #48AD60 | #AD4895 |
|---|---|---|
| HEX | #48AD60 | #AD4895 |
| RGB | 72, 173, 96 | 173, 72, 149 |
| HSL | 134.3, 41.2%, 48.0% | 314.3, 41.2%, 48.0% |
| HSV | 134.3, 58.4%, 67.8% | 314.3, 58.4%, 67.8% |
| CMYK | 58.4%, 0.0%, 44.5%, 32.2% | 0.0%, 58.4%, 13.9%, 32.2% |
| OKLCH | 0.669 0.1466 148.8 | 0.5602 0.1604 337.8 |
คอนทราสต์และการเข้าถึง
1.79:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AD4895 → พื้นหลัง: #48AD60
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #48AD60 → พื้นหลัง: #AD4895
ความแตกต่างของสี (Delta E)
111.93
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #48AD60, #AD4895);
background: linear-gradient(135deg, #48AD60, #AD4895);