#50ABFD
#50ABFD
#FDA250
#FDA250
ค่าสี
| รูปแบบ | #50ABFD | #FDA250 |
|---|---|---|
| HEX | #50ABFD | #FDA250 |
| RGB | 80, 171, 253 | 253, 162, 80 |
| HSL | 208.4, 97.7%, 65.3% | 28.4, 97.7%, 65.3% |
| HSV | 208.4, 68.4%, 99.2% | 28.4, 68.4%, 99.2% |
| CMYK | 68.4%, 32.4%, 0.0%, 0.8% | 0.0%, 36.0%, 68.4%, 0.8% |
| OKLCH | 0.7221 0.1479 248.5 | 0.7891 0.1447 60.1 |
คอนทราสต์และการเข้าถึง
1.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #FDA250 → พื้นหลัง: #50ABFD
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #50ABFD → พื้นหลัง: #FDA250
ความแตกต่างของสี (Delta E)
107.85
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #50ABFD, #FDA250);
background: linear-gradient(135deg, #50ABFD, #FDA250);