#7B2BCD
#7B2BCD
#7DCD2B
#7DCD2B
ค่าสี
| รูปแบบ | #7B2BCD | #7DCD2B |
|---|---|---|
| HEX | #7B2BCD | #7DCD2B |
| RGB | 123, 43, 205 | 125, 205, 43 |
| HSL | 269.6, 65.3%, 48.6% | 89.6, 65.3%, 48.6% |
| HSV | 269.6, 79.0%, 80.4% | 89.6, 79.0%, 80.4% |
| CMYK | 40.0%, 79.0%, 0.0%, 19.6% | 39.0%, 0.0%, 79.0%, 19.6% |
| OKLCH | 0.4982 0.2281 300.3 | 0.7677 0.2016 133.1 |
คอนทราสต์และการเข้าถึง
3.47:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7DCD2B → พื้นหลัง: #7B2BCD
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7B2BCD → พื้นหลัง: #7DCD2B
ความแตกต่างของสี (Delta E)
179.44
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #7B2BCD, #7DCD2B);
background: linear-gradient(135deg, #7B2BCD, #7DCD2B);