#4B33DF
#4B33DF
#C7DF33
#C7DF33
ค่าสี
| รูปแบบ | #4B33DF | #C7DF33 |
|---|---|---|
| HEX | #4B33DF | #C7DF33 |
| RGB | 75, 51, 223 | 199, 223, 51 |
| HSL | 248.4, 72.9%, 53.7% | 68.4, 72.9%, 53.7% |
| HSV | 248.4, 77.1%, 87.5% | 68.4, 77.1%, 87.5% |
| CMYK | 66.4%, 77.1%, 0.0%, 12.5% | 10.8%, 0.0%, 77.1%, 12.5% |
| OKLCH | 0.4771 0.242 278.3 | 0.8572 0.1847 117.7 |
คอนทราสต์และการเข้าถึง
4.94:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C7DF33 → พื้นหลัง: #4B33DF
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #4B33DF → พื้นหลัง: #C7DF33
ความแตกต่างของสี (Delta E)
186.28
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #4B33DF, #C7DF33);
background: linear-gradient(135deg, #4B33DF, #C7DF33);