Створено 09/02/2022 14:23
Homepage website design product mockup palette
- Vivid Red-Tangelo#e16629
- Orange-Yellow (Crayola)#f8d46a
- Chestnut#a04c24
- Middle Blue Purple#8661b1
- Dark Vanilla#cebeae
- Liver Chestnut (Horses)#544237
Палітра містить світлий, напівтемний кольори. Акцентні кольори Orange-Yellow (Crayola) #f8d46a та Middle Blue Purple #8661b1. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #544237 (найтемніший) до #CEBEAE (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
Палітра Homepage website design product mockup palette містить комбінацію з 6 кодів кольорів :
HEX: #e16629, RGB: (225, 102, 41); HEX: #f8d46a, RGB: (248, 212, 106); HEX: #a04c24, RGB: (160, 76, 36)
HEX: #8661b1, RGB: (134, 97, 177); HEX: #cebeae, RGB: (206, 190, 174); HEX: #544237, RGB: (84, 66, 55)
Спрощений варіант палітри кольорів
Відтінок chocolate, Відтінок gold, Відтінок sienna, Відтінок mediumpurple, Відтінок tan, Відтінок dimgrey
Кольорова схема створена автором colorswall
Більше палітр з:
Коди кольорів у палітрі
Homepage website design product mockup palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #e16629 | #e16629 | RGB(225, 102, 41) | Vivid Red-Tangelo | — |
| #f8d46a | #f8d46a | RGB(248, 212, 106) | Orange-Yellow (Crayola) | — |
| #a04c24 | #a04c24 | RGB(160, 76, 36) | Chestnut | — |
| #8661b1 | #8661b1 | RGB(134, 97, 177) | Middle Blue Purple | — |
| #cebeae | #cebeae | RGB(206, 190, 174) | Dark Vanilla | — |
| #544237 | #544237 | RGB(84, 66, 55) | Liver Chestnut (Horses) | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#e16629 | #a04c24 | 1.72 |
#e16629 | #8661b1 | 1.4 |
#e16629 | #cebeae | 1.89 |
#f8d46a | #cebeae | 1.25 |
#a04c24 | #8661b1 | 1.22 |
#a04c24 | #544237 | 1.6 |
Зображення палітри Homepage website design product mockup palette png
Експортувати палітру
Завантажте "Homepage website design product mockup palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: