#9DF896
#9DF896
#F196F8
#F196F8
ค่าสี
| รูปแบบ | #9DF896 | #F196F8 |
|---|---|---|
| HEX | #9DF896 | #F196F8 |
| RGB | 157, 248, 150 | 241, 150, 248 |
| HSL | 115.7, 87.5%, 78.0% | 295.7, 87.5%, 78.0% |
| HSV | 115.7, 39.5%, 97.3% | 295.7, 39.5%, 97.3% |
| CMYK | 36.7%, 0.0%, 39.5%, 2.7% | 2.8%, 39.5%, 0.0%, 2.7% |
| OKLCH | 0.8987 0.1573 142.6 | 0.799 0.1644 324.4 |
คอนทราสต์และการเข้าถึง
1.56:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #F196F8 → พื้นหลัง: #9DF896
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9DF896 → พื้นหลัง: #F196F8
ความแตกต่างของสี (Delta E)
121.07
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #9DF896, #F196F8);
background: linear-gradient(135deg, #9DF896, #F196F8);