Створено 09/07/2022 08:39
Home page website design landing
- Arylide Yellow#e6c669
- Champagne Pink#f6ded0
- Sepia#704819
- Brown Sugar#ae784f
- Khaki (HTML/CSS)#c7a693
- Jacarta#383855
Палітра містить світлий кольори. Акцентні кольори Arylide Yellow #e6c669 та Jacarta #383855. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #704819 (найтемніший) до #F6DED0 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #383855, #704819, #AE784F, #C7A693, #E6C669, #F6DED0
Палітра Home page website design landing містить комбінацію з 6 кодів кольорів :
HEX: #e6c669, RGB: (230, 198, 105); HEX: #f6ded0, RGB: (246, 222, 208); HEX: #704819, RGB: (112, 72, 25)
HEX: #ae784f, RGB: (174, 120, 79); HEX: #c7a693, RGB: (199, 166, 147); HEX: #383855, RGB: (56, 56, 85)
Спрощений варіант палітри кольорів
Відтінок хакі, Відтінок linen, Відтінок saddlebrown, Відтінок peru, Відтінок tan, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Більше палітр з:
Коди кольорів у палітрі
Home page website design landing коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #e6c669 | #e6c669 | RGB(230, 198, 105) | Arylide Yellow | — |
| #f6ded0 | #f6ded0 | RGB(246, 222, 208) | Champagne Pink | — |
| #704819 | #704819 | RGB(112, 72, 25) | Sepia | — |
| #ae784f | #ae784f | RGB(174, 120, 79) | Brown Sugar | — |
| #c7a693 | #c7a693 | RGB(199, 166, 147) | Khaki (HTML/CSS) | — |
| #383855 | #383855 | RGB(56, 56, 85) | Jacarta | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#e6c669 | #f6ded0 | 1.28 |
#e6c669 | #c7a693 | 1.35 |
#f6ded0 | #c7a693 | 1.74 |
#704819 | #383855 | 1.41 |
#ae784f | #c7a693 | 1.66 |
Зображення палітри Home page website design landing png
Експортувати палітру
Завантажте "Home page website design landing" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: