Створено 02/19/2022 12:11
Ui web banner
- Button Blue#299df1
- Jordy Blue#93bdf1
- Brown Chocolate#602830
- Russian Green#749c64
- Opal#aac7be
- Charleston Green#202e35
Палітра містить світлий, темний кольори. Акцентні кольори Button Blue #299df1 та Brown Chocolate #602830. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #202E35 (найтемніший) до #93BDF1 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #202E35, #299DF1, #602830, #749C64, #93BDF1, #AAC7BE
Палітра Ui web banner містить комбінацію з 6 кодів кольорів :
HEX: #299df1, RGB: (41, 157, 241); HEX: #93bdf1, RGB: (147, 189, 241); HEX: #602830, RGB: (96, 40, 48)
HEX: #749c64, RGB: (116, 156, 100); HEX: #aac7be, RGB: (170, 199, 190); HEX: #202e35, RGB: (32, 46, 53)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightsteelblue, Відтінок Бордовий, Відтінок darkseagreen, Відтінок powderblue, Відтінок indigo
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ui web banner коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #299df1 | #299df1 | RGB(41, 157, 241) | Button Blue | — |
| #93bdf1 | #93bdf1 | RGB(147, 189, 241) | Jordy Blue | — |
| #602830 | #602830 | RGB(96, 40, 48) | Brown Chocolate | — |
| #749c64 | #749c64 | RGB(116, 156, 100) | Russian Green | — |
| #aac7be | #aac7be | RGB(170, 199, 190) | Opal | — |
| #202e35 | #202e35 | RGB(32, 46, 53) | Charleston Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#299df1 | #93bdf1 | 1.5 |
#299df1 | #749c64 | 1.07 |
#299df1 | #aac7be | 1.61 |
#93bdf1 | #749c64 | 1.61 |
#93bdf1 | #aac7be | 1.07 |
#602830 | #202e35 | 1.22 |
Зображення палітри Ui web banner png
Експортувати палітру
Завантажте "Ui web banner" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: