#5DF45F
#5DF45F
#F45DF2
#F45DF2
Значения цвета
| Формат | #5DF45F | #F45DF2 |
|---|---|---|
| HEX | #5DF45F | #F45DF2 |
| RGB | 93, 244, 95 | 244, 93, 242 |
| HSL | 120,8, 87,3%, 66,1% | 300,8, 87,3%, 66,1% |
| HSV | 120,8, 61,9%, 95,7% | 300,8, 61,9%, 95,7% |
| CMYK | 61,9%, 0,0%, 61,1%, 4,3% | 0,0%, 61,9%, 0,8%, 4,3% |
| OKLCH | 0,8561 0,23 143,4 | 0,7263 0,2468 328,3 |
Контраст и доступность
1,89:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Читаемость текста
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #F45DF2 → Фон: #5DF45F
Съешь же ещё этих мягких французских булок, да выпей чаю
Текст: #5DF45F → Фон: #F45DF2
Разница цветов (Delta E)
179,17
Very Different
0 — Идентичный
5 — Схожий
25 — Заметное различие
100 — Очень разные
Градиент
Смешивание цветов
CSS-код градиента
background: linear-gradient(to right, #5DF45F, #F45DF2);
background: linear-gradient(135deg, #5DF45F, #F45DF2);