#6103C9
#6103C9
#6BC903
#6BC903
ค่าสี
| รูปแบบ | #6103C9 | #6BC903 |
|---|---|---|
| HEX | #6103C9 | #6BC903 |
| RGB | 97, 3, 201 | 107, 201, 3 |
| HSL | 268.5, 97.1%, 40.0% | 88.5, 97.1%, 40.0% |
| HSV | 268.5, 98.5%, 78.8% | 88.5, 98.5%, 78.8% |
| CMYK | 51.7%, 98.5%, 0.0%, 21.2% | 46.8%, 0.0%, 98.5%, 21.2% |
| OKLCH | 0.4416 0.244 292.8 | 0.7478 0.217 134.8 |
คอนทราสต์และการเข้าถึง
4.22:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #6BC903 → พื้นหลัง: #6103C9
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #6103C9 → พื้นหลัง: #6BC903
ความแตกต่างของสี (Delta E)
198.52
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #6103C9, #6BC903);
background: linear-gradient(135deg, #6103C9, #6BC903);