#5DF376
#5DF376
#F35DDA
#F35DDA
ค่าสี
| รูปแบบ | #5DF376 | #F35DDA |
|---|---|---|
| HEX | #5DF376 | #F35DDA |
| RGB | 93, 243, 118 | 243, 93, 218 |
| HSL | 130.0, 86.2%, 65.9% | 310.0, 86.2%, 65.9% |
| HSV | 130.0, 61.7%, 95.3% | 310.0, 61.7%, 95.3% |
| CMYK | 61.7%, 0.0%, 51.4%, 4.7% | 0.0%, 61.7%, 10.3%, 4.7% |
| OKLCH | 0.8564 0.2105 146.5 | 0.7134 0.2282 334.8 |
คอนทราสต์และการเข้าถึง
1.97:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #F35DDA → พื้นหลัง: #5DF376
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #5DF376 → พื้นหลัง: #F35DDA
ความแตกต่างของสี (Delta E)
161.42
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #5DF376, #F35DDA);
background: linear-gradient(135deg, #5DF376, #F35DDA);