#705FA9
#705FA9
#98A95F
#98A95F
ค่าสี
| รูปแบบ | #705FA9 | #98A95F |
|---|---|---|
| HEX | #705FA9 | #98A95F |
| RGB | 112, 95, 169 | 152, 169, 95 |
| HSL | 253.8, 30.1%, 51.8% | 73.8, 30.1%, 51.8% |
| HSV | 253.8, 43.8%, 66.3% | 73.8, 43.8%, 66.3% |
| CMYK | 33.7%, 43.8%, 0.0%, 33.7% | 10.1%, 0.0%, 43.8%, 33.7% |
| OKLCH | 0.5349 0.114 292.7 | 0.7043 0.1006 119.6 |
คอนทราสต์และการเข้าถึง
2.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #98A95F → พื้นหลัง: #705FA9
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #705FA9 → พื้นหลัง: #98A95F
ความแตกต่างของสี (Delta E)
87.4
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #705FA9, #98A95F);
background: linear-gradient(135deg, #705FA9, #98A95F);