#30CB01
#30CB01
#9C01CB
#9C01CB
ค่าสี
| รูปแบบ | #30CB01 | #9C01CB |
|---|---|---|
| HEX | #30CB01 | #9C01CB |
| RGB | 48, 203, 1 | 156, 1, 203 |
| HSL | 106.0, 99.0%, 40.0% | 286.0, 99.0%, 40.0% |
| HSV | 106.0, 99.5%, 79.6% | 286.0, 99.5%, 79.6% |
| CMYK | 76.4%, 0.0%, 99.5%, 20.4% | 23.2%, 99.5%, 0.0%, 20.4% |
| OKLCH | 0.7345 0.2416 141.0 | 0.52 0.2564 314.5 |
คอนทราสต์และการเข้าถึง
2.95:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9C01CB → พื้นหลัง: #30CB01
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #30CB01 → พื้นหลัง: #9C01CB
ความแตกต่างของสี (Delta E)
200.25
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #30CB01, #9C01CB);
background: linear-gradient(135deg, #30CB01, #9C01CB);