Создано 08/08/2022 12:44
Web ux landing design palette
- Blue (Crayola)#2564e9
- Shandy#f5e672
- Catalina Blue#0c2e78
- Pearly Purple#aa639a
- Laurel Green#acb9a4
- Dark Puce#4c3444
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Shandy #f5e672 да Catalina Blue #0c2e78. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #4C3444 (самый тёмный) до #F5E672 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #0C2E78, #2564E9, #4C3444, #AA639A, #ACB9A4, #F5E672
Палитра Web ux landing design palette содержит комбинацию из 6 кодов цветов:
HEX: #2564e9, RGB: (37, 100, 233); HEX: #f5e672, RGB: (245, 230, 114); HEX: #0c2e78, RGB: (12, 46, 120)
HEX: #aa639a, RGB: (170, 99, 154); HEX: #acb9a4, RGB: (172, 185, 164); HEX: #4c3444, RGB: (76, 52, 68)
Упрощенная версия цветов палитры
Оттенок royalblue, Оттенок хаки, Тень midnightblue, Оттенок mediumorchid, Тень darkseagreen, Оттенок darkslateblue
Цветовая схема создана автором colorswall
Больше палитр с:
Коды цветов в палитре
Web ux landing design palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #2564e9 | #2564e9 | RGB(37, 100, 233) | Blue (Crayola) | — |
| #f5e672 | #f5e672 | RGB(245, 230, 114) | Shandy | — |
| #0c2e78 | #0c2e78 | RGB(12, 46, 120) | Catalina Blue | — |
| #aa639a | #aa639a | RGB(170, 99, 154) | Pearly Purple | — |
| #acb9a4 | #acb9a4 | RGB(172, 185, 164) | Laurel Green | — |
| #4c3444 | #4c3444 | RGB(76, 52, 68) | Dark Puce | — |
Контраст палитры цветов
3 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#2564e9 | #aa639a | 1.21 |
#f5e672 | #acb9a4 | 1.6 |
#0c2e78 | #4c3444 | 1.12 |
Изображение палитры Web ux landing design palette png
Экспорт палитры
Скачайте "Web ux landing design palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: