#2811A5
#2811A5
#8EA511
#8EA511
ค่าสี
| รูปแบบ | #2811A5 | #8EA511 |
|---|---|---|
| HEX | #2811A5 | #8EA511 |
| RGB | 40, 17, 165 | 142, 165, 17 |
| HSL | 249.3, 81.3%, 35.7% | 69.3, 81.3%, 35.7% |
| HSV | 249.3, 89.7%, 64.7% | 69.3, 89.7%, 64.7% |
| CMYK | 75.8%, 89.7%, 0.0%, 35.3% | 13.9%, 0.0%, 89.7%, 35.3% |
| OKLCH | 0.3535 0.2094 274.2 | 0.6803 0.1565 119.3 |
คอนทราสต์และการเข้าถึง
4.4:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #8EA511 → พื้นหลัง: #2811A5
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #2811A5 → พื้นหลัง: #8EA511
ความแตกต่างของสี (Delta E)
162.51
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #2811A5, #8EA511);
background: linear-gradient(135deg, #2811A5, #8EA511);