Створено 10/27/2022 12:13
Interaction web design branding
- Gamboge#db921b
- Peach-Orange#f1c09a
- Golden Brown#925c18
- Blue Yonder#576fa5
- Pastel Blue#aacccc
- Deep Moss Green#366044
Палітра містить світлий, напівтемний кольори. Акцентні кольори Gamboge #db921b та Blue Yonder #576fa5. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #366044 (найтемніший) до #F1C09A (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #366044, #576FA5, #925C18, #AACCCC, #DB921B, #F1C09A
Палітра Interaction web design branding містить комбінацію з 6 кодів кольорів :
HEX: #db921b, RGB: (219, 146, 27); HEX: #f1c09a, RGB: (241, 192, 154); HEX: #925c18, RGB: (146, 92, 24)
HEX: #576fa5, RGB: (87, 111, 165); HEX: #aacccc, RGB: (170, 204, 204); HEX: #366044, RGB: (54, 96, 68)
Спрощений варіант палітри кольорів
Відтінок peru, Відтінок burlywood, Відтінок saddlebrown, Відтінок royalblue, Відтінок powderblue, Відтінок darkolivegreen
Кольорова схема створена автором colorswall
Більше палітр з:
Коди кольорів у палітрі
Interaction web design branding коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #db921b | #db921b | RGB(219, 146, 27) | Gamboge | — |
| #f1c09a | #f1c09a | RGB(241, 192, 154) | Peach-Orange | — |
| #925c18 | #925c18 | RGB(146, 92, 24) | Golden Brown | — |
| #576fa5 | #576fa5 | RGB(87, 111, 165) | Blue Yonder | — |
| #aacccc | #aacccc | RGB(170, 204, 204) | Pastel Blue | — |
| #366044 | #366044 | RGB(54, 96, 68) | Deep Moss Green | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#db921b | #f1c09a | 1.56 |
#db921b | #576fa5 | 1.92 |
#db921b | #aacccc | 1.5 |
#f1c09a | #aacccc | 1.04 |
#925c18 | #576fa5 | 1.12 |
#925c18 | #366044 | 1.29 |
Зображення палітри Interaction web design branding png
Експортувати палітру
Завантажте "Interaction web design branding" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: