#77CD22
#77CD22
#7822CD
#7822CD
ค่าสี
| รูปแบบ | #77CD22 | #7822CD |
|---|---|---|
| HEX | #77CD22 | #7822CD |
| RGB | 119, 205, 34 | 120, 34, 205 |
| HSL | 90.2, 71.5%, 46.9% | 270.2, 71.5%, 46.9% |
| HSV | 90.2, 83.4%, 80.4% | 270.2, 83.4%, 80.4% |
| CMYK | 42.0%, 0.0%, 83.4%, 19.6% | 41.5%, 83.4%, 0.0%, 19.6% |
| OKLCH | 0.7643 0.2084 133.9 | 0.4874 0.235 299.8 |
คอนทราสต์และการเข้าถึง
3.62:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7822CD → พื้นหลัง: #77CD22
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #77CD22 → พื้นหลัง: #7822CD
ความแตกต่างของสี (Delta E)
186.11
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #77CD22, #7822CD);
background: linear-gradient(135deg, #77CD22, #7822CD);