#3234C2
#3234C2
#C2C032
#C2C032
ค่าสี
| รูปแบบ | #3234C2 | #C2C032 |
|---|---|---|
| HEX | #3234C2 | #C2C032 |
| RGB | 50, 52, 194 | 194, 192, 50 |
| HSL | 239.2, 59.0%, 47.8% | 59.2, 59.0%, 47.8% |
| HSV | 239.2, 74.2%, 76.1% | 59.2, 74.2%, 76.1% |
| CMYK | 74.2%, 73.2%, 0.0%, 23.9% | 0.0%, 1.0%, 74.2%, 23.9% |
| OKLCH | 0.4323 0.213 272.5 | 0.7852 0.1548 108.7 |
คอนทราสต์และการเข้าถึง
4.52:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C2C032 → พื้นหลัง: #3234C2
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #3234C2 → พื้นหลัง: #C2C032
ความแตกต่างของสี (Delta E)
159.49
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #3234C2, #C2C032);
background: linear-gradient(135deg, #3234C2, #C2C032);