Створено 08/10/2022 20:55
User interface experience website design web palette
- Sour Yellow#eafa06
- Booger Buster#e0e760
- Antique Bronze#686b11
- Olivine#a1a46c
- Dark Vanilla#d0d0aa
- Soldier Green#595b34
Палітра містить світлий, напівтемний кольори. Акцентні кольори Sour Yellow #eafa06 та Booger Buster #e0e760. Палітра має температуру кольорів Теплий, Нейтральний.
За світлістю палітра сягає від #686B11 (найтемніший) до #D0D0AA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #595B34, #686B11, #A1A46C, #D0D0AA, #E0E760, #EAFA06
Палітра User interface experience website design web palette містить комбінацію з 6 кодів кольорів :
HEX: #eafa06, RGB: (234, 250, 6); HEX: #e0e760, RGB: (224, 231, 96); HEX: #686b11, RGB: (104, 107, 17)
HEX: #a1a46c, RGB: (161, 164, 108); HEX: #d0d0aa, RGB: (208, 208, 170); HEX: #595b34, RGB: (89, 91, 52)
Спрощений варіант палітри кольорів
Відтінок Жовтий, Відтінок хакі, Відтінок darkolivegreen, Відтінок darkkhaki, Відтінок palegoldenrod, Відтінок darkolivegreen
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
User interface experience website design web palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #eafa06 | #eafa06 | RGB(234, 250, 6) | Sour Yellow | — |
| #e0e760 | #e0e760 | RGB(224, 231, 96) | Booger Buster | — |
| #686b11 | #686b11 | RGB(104, 107, 17) | Antique Bronze | — |
| #a1a46c | #a1a46c | RGB(161, 164, 108) | Olivine | — |
| #d0d0aa | #d0d0aa | RGB(208, 208, 170) | Dark Vanilla | — |
| #595b34 | #595b34 | RGB(89, 91, 52) | Soldier Green | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#eafa06 | #e0e760 | 1.15 |
#eafa06 | #d0d0aa | 1.36 |
#e0e760 | #a1a46c | 1.96 |
#e0e760 | #d0d0aa | 1.18 |
#686b11 | #595b34 | 1.24 |
#a1a46c | #d0d0aa | 1.65 |
Зображення палітри User interface experience website design web palette png
Експортувати палітру
Завантажте "User interface experience website design web palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: