#9C99EE
#9C99EE
#EBEE99
#EBEE99
ค่าสี
| รูปแบบ | #9C99EE | #EBEE99 |
|---|---|---|
| HEX | #9C99EE | #EBEE99 |
| RGB | 156, 153, 238 | 235, 238, 153 |
| HSL | 242.1, 71.4%, 76.7% | 62.1, 71.4%, 76.7% |
| HSV | 242.1, 35.7%, 93.3% | 62.1, 35.7%, 93.3% |
| CMYK | 34.5%, 35.7%, 0.0%, 6.7% | 1.3%, 0.0%, 35.7%, 6.7% |
| OKLCH | 0.7194 0.1223 284.5 | 0.9279 0.1068 110.0 |
คอนทราสต์และการเข้าถึง
2.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #EBEE99 → พื้นหลัง: #9C99EE
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9C99EE → พื้นหลัง: #EBEE99
ความแตกต่างของสี (Delta E)
93.5
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #9C99EE, #EBEE99);
background: linear-gradient(135deg, #9C99EE, #EBEE99);