Home page web design ux
- Electric Orange#f23a13
- Macaroni And Cheese#f7b785
- Myrtle Green#206f6a
- Purpureus#8c59ac
- Black Shadows#c6aeb9
- Japanese Violet#513554
Створено 11/15/2022 14:50
Палітра містить світлий, напівтемний кольори. Акцентні кольори Electric Orange #f23a13 та Myrtle Green #206f6a. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #513554 (найтемніший) до #F7B785 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (3 теплих, 3 холодних).
HEX-коди (відсортовано): #206F6A, #513554, #8C59AC, #C6AEB9, #F23A13, #F7B785
Палітра Home page web design ux містить комбінацію з 6 кодів кольорів :
HEX: #f23a13, RGB: (242, 58, 19); HEX: #f7b785, RGB: (247, 183, 133); HEX: #206f6a, RGB: (32, 111, 106)
HEX: #8c59ac, RGB: (140, 89, 172); HEX: #c6aeb9, RGB: (198, 174, 185); HEX: #513554, RGB: (81, 53, 84)
Спрощений варіант палітри кольорів
Світлий відтінок Червоний, Світлий відтінок Пісочно-коричневий, Темний відтінок Синьо-зелений, Світлий відтінок Темна орхідея, Темний відтінок Будяк, Темний відтінок Темний сланцево-синій
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Home page web design ux коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #f23a13 | #f23a13 | RGB(242, 58, 19) | Electric Orange | — |
| #f7b785 | #f7b785 | RGB(247, 183, 133) | Macaroni And Cheese | — |
| #206f6a | #206f6a | RGB(32, 111, 106) | Myrtle Green | — |
| #8c59ac | #8c59ac | RGB(140, 89, 172) | Purpureus | — |
| #c6aeb9 | #c6aeb9 | RGB(198, 174, 185) | Black Shadows | — |
| #513554 | #513554 | RGB(81, 53, 84) | Japanese Violet | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f23a13 | #206f6a | 1.52 |
#f23a13 | #8c59ac | 1.3 |
#f23a13 | #c6aeb9 | 1.88 |
#f7b785 | #c6aeb9 | 1.18 |
#206f6a | #8c59ac | 1.16 |
#206f6a | #513554 | 1.78 |
Палітра із зображення Home page web design ux png
Експортувати палітру
Завантажте "Home page web design ux" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: