#83C357
#83C357
#9757C3
#9757C3
ค่าสี
| รูปแบบ | #83C357 | #9757C3 |
|---|---|---|
| HEX | #83C357 | #9757C3 |
| RGB | 131, 195, 87 | 151, 87, 195 |
| HSL | 95.6, 47.4%, 55.3% | 275.6, 47.4%, 55.3% |
| HSV | 95.6, 55.4%, 76.5% | 275.6, 55.4%, 76.5% |
| CMYK | 32.8%, 0.0%, 55.4%, 23.5% | 22.6%, 55.4%, 0.0%, 23.5% |
| OKLCH | 0.7503 0.1556 134.3 | 0.5769 0.1687 309.5 |
คอนทราสต์และการเข้าถึง
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9757C3 → พื้นหลัง: #83C357
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #83C357 → พื้นหลัง: #9757C3
ความแตกต่างของสี (Delta E)
128.7
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #83C357, #9757C3);
background: linear-gradient(135deg, #83C357, #9757C3);