#9653FD
#9653FD
#BAFD53
#BAFD53
ค่าสี
| รูปแบบ | #9653FD | #BAFD53 |
|---|---|---|
| HEX | #9653FD | #BAFD53 |
| RGB | 150, 83, 253 | 186, 253, 83 |
| HSL | 263.6, 97.7%, 65.9% | 83.6, 97.7%, 65.9% |
| HSV | 263.6, 67.2%, 99.2% | 83.6, 67.2%, 99.2% |
| CMYK | 40.7%, 67.2%, 0.0%, 0.8% | 26.5%, 0.0%, 67.2%, 0.8% |
| OKLCH | 0.6095 0.2386 296.7 | 0.918 0.2065 128.5 |
คอนทราสต์และการเข้าถึง
3.49:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #BAFD53 → พื้นหลัง: #9653FD
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9653FD → พื้นหลัง: #BAFD53
ความแตกต่างของสี (Delta E)
185.36
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #9653FD, #BAFD53);
background: linear-gradient(135deg, #9653FD, #BAFD53);