Loading...
Створено 01/09/2023 10:45
Website landing design
- Sizzling Sunrise#fcdc04
- Yellow (Crayola)#f4e684
- Field Drab#675718
- Desaturated Cyan#68949d
- Khaki (HTML/CSS)#c9ac9d
- Dark Slate Gray#36594e
Палітра містить світлий, напівтемний кольори. Акцентні кольори Sizzling Sunrise #fcdc04 та Desaturated Cyan #68949d. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #675718 (найтемніший) до #F4E684 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #36594E, #675718, #68949D, #C9AC9D, #F4E684, #FCDC04
Палітра Website landing design містить комбінацію з 6 кодів кольорів :
HEX: #fcdc04, RGB: (252, 220, 4); HEX: #f4e684, RGB: (244, 230, 132); HEX: #675718, RGB: (103, 87, 24)
HEX: #68949d, RGB: (104, 148, 157); HEX: #c9ac9d, RGB: (201, 172, 157); HEX: #36594e, RGB: (54, 89, 78)
Спрощений варіант палітри кольорів
Відтінок gold, Відтінок хакі, Відтінок darkolivegreen, Відтінок cadetblue, Відтінок tan, Відтінок darkslategrey
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Website landing design коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fcdc04 | #fcdc04 | RGB(252, 220, 4) | Sizzling Sunrise | — |
| #f4e684 | #f4e684 | RGB(244, 230, 132) | Yellow (Crayola) | — |
| #675718 | #675718 | RGB(103, 87, 24) | Field Drab | — |
| #68949d | #68949d | RGB(104, 148, 157) | Desaturated Cyan | — |
| #c9ac9d | #c9ac9d | RGB(201, 172, 157) | Khaki (HTML/CSS) | — |
| #36594e | #36594e | RGB(54, 89, 78) | Dark Slate Gray | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fcdc04 | #f4e684 | 1.07 |
#fcdc04 | #c9ac9d | 1.55 |
#f4e684 | #c9ac9d | 1.67 |
#675718 | #36594e | 1.09 |
#68949d | #c9ac9d | 1.56 |
Зображення палітри Website landing design png
Експортувати палітру
Завантажте "Website landing design" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: