Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: