Створено 03/30/2022 13:30
Ux design website ui
- Maximum Blue#49a3c5
- Cornflower#8fd4e5
- Army Green#405516
- Dark Brown-Tangelo#8c644c
- Pastel Blue#abc9d5
- Dark Slate Gray#304c5c
Палітра містить світлий кольори. Акцентні кольори Cornflower #8fd4e5 та Dark Brown-Tangelo #8c644c. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #405516 (найтемніший) до #ABC9D5 (найсвітліший). Діапазон світлості помірний.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #304C5C, #405516, #49A3C5, #8C644C, #8FD4E5, #ABC9D5
Палітра Ux design website ui містить комбінацію з 6 кодів кольорів :
HEX: #49a3c5, RGB: (73, 163, 197); HEX: #8fd4e5, RGB: (143, 212, 229); HEX: #405516, RGB: (64, 85, 22)
HEX: #8c644c, RGB: (140, 100, 76); HEX: #abc9d5, RGB: (171, 201, 213); HEX: #304c5c, RGB: (48, 76, 92)
Спрощений варіант палітри кольорів
Відтінок deepskyblue, Відтінок skyblue, Відтінок darkolivegreen, Відтінок sienna, Відтінок lightblue, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ux design website ui коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #49a3c5 | #49a3c5 | RGB(73, 163, 197) | Maximum Blue | — |
| #8fd4e5 | #8fd4e5 | RGB(143, 212, 229) | Cornflower | — |
| #405516 | #405516 | RGB(64, 85, 22) | Army Green | — |
| #8c644c | #8c644c | RGB(140, 100, 76) | Dark Brown-Tangelo | — |
| #abc9d5 | #abc9d5 | RGB(171, 201, 213) | Pastel Blue | — |
| #304c5c | #304c5c | RGB(48, 76, 92) | Dark Slate Gray | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#49a3c5 | #8fd4e5 | 1.73 |
#49a3c5 | #8c644c | 1.81 |
#49a3c5 | #abc9d5 | 1.64 |
#8fd4e5 | #abc9d5 | 1.05 |
#405516 | #8c644c | 1.59 |
#405516 | #304c5c | 1.09 |
Зображення палітри Ux design website ui png
Експортувати палітру
Завантажте "Ux design website ui" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: