Створено 11/14/2022 12:26
App website ecommerce hero ui design hex colors
- Blue Jeans#54a8f3
- Caramel#f5d996
- Dark Gold#ac6e34
- Green Sheen#74a894
- Pastel Blue#a9c8ce
- Gray-Asparagus#435442
Палітра містить світлий кольори. Акцентні кольори Blue Jeans #54a8f3 та Caramel #f5d996. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #435442 (найтемніший) до #F5D996 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #435442, #54A8F3, #74A894, #A9C8CE, #AC6E34, #F5D996
Палітра App website ecommerce hero ui design hex colors містить комбінацію з 6 кодів кольорів :
HEX: #54a8f3, RGB: (84, 168, 243); HEX: #f5d996, RGB: (245, 217, 150); HEX: #ac6e34, RGB: (172, 110, 52)
HEX: #74a894, RGB: (116, 168, 148); HEX: #a9c8ce, RGB: (169, 200, 206); HEX: #435442, RGB: (67, 84, 66)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок moccasin, Відтінок chocolate, Відтінок cadetblue, Відтінок lightblue, Відтінок darkslategrey
Кольорова схема створена автором coolor
Коди кольорів у палітрі
App website ecommerce hero ui design hex colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #54a8f3 | #54a8f3 | RGB(84, 168, 243) | Blue Jeans | — |
| #f5d996 | #f5d996 | RGB(245, 217, 150) | Caramel | — |
| #ac6e34 | #ac6e34 | RGB(172, 110, 52) | Dark Gold | — |
| #74a894 | #74a894 | RGB(116, 168, 148) | Green Sheen | — |
| #a9c8ce | #a9c8ce | RGB(169, 200, 206) | Pastel Blue | — |
| #435442 | #435442 | RGB(67, 84, 66) | Gray-Asparagus | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#54a8f3 | #f5d996 | 1.84 |
#54a8f3 | #ac6e34 | 1.64 |
#54a8f3 | #74a894 | 1.06 |
#54a8f3 | #a9c8ce | 1.43 |
#f5d996 | #74a894 | 1.96 |
#f5d996 | #a9c8ce | 1.28 |
Зображення палітри App website ecommerce hero ui design hex colors png
Експортувати палітру
Завантажте "App website ecommerce hero ui design hex colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: