#7CB855
#7CB855
#9155B8
#9155B8
ค่าสี
| รูปแบบ | #7CB855 | #9155B8 |
|---|---|---|
| HEX | #7CB855 | #9155B8 |
| RGB | 124, 184, 85 | 145, 85, 184 |
| HSL | 96.4, 41.1%, 52.7% | 276.4, 41.1%, 52.7% |
| HSV | 96.4, 53.8%, 72.2% | 276.4, 53.8%, 72.2% |
| CMYK | 32.6%, 0.0%, 53.8%, 27.8% | 21.2%, 53.8%, 0.0%, 27.8% |
| OKLCH | 0.7194 0.1457 134.6 | 0.5606 0.1572 310.3 |
คอนทราสต์และการเข้าถึง
2.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9155B8 → พื้นหลัง: #7CB855
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7CB855 → พื้นหลัง: #9155B8
ความแตกต่างของสี (Delta E)
119.73
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #7CB855, #9155B8);
background: linear-gradient(135deg, #7CB855, #9155B8);