Создано 02/12/2023 10:40
Saas landing page homepage interface palette
- Blue Jeans#54a8f3
- Caramel#f5d996
- Dark Gold#ac6e34
- Green Sheen#74a894
- Pastel Blue#a9c8ce
- Gray-Asparagus#435442
Палитра содержит светлый цвета. Акцентные цвета Blue Jeans #54a8f3 да Caramel #f5d996. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #435442 (самый тёмный) до #F5D996 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #435442, #54A8F3, #74A894, #A9C8CE, #AC6E34, #F5D996
Палитра Saas landing page homepage interface palette содержит комбинацию из 6 кодов цветов:
HEX: #54a8f3, RGB: (84, 168, 243); HEX: #f5d996, RGB: (245, 217, 150); HEX: #ac6e34, RGB: (172, 110, 52)
HEX: #74a894, RGB: (116, 168, 148); HEX: #a9c8ce, RGB: (169, 200, 206); HEX: #435442, RGB: (67, 84, 66)
Упрощенная версия цветов палитры
Тень dodgerblue, Оттенок moccasin, Оттенок chocolate, Тень cadetblue, Оттенок lightblue, Тень darkslategrey
Цветовая схема создана автором hex
Коды цветов в палитре
Saas landing page homepage interface palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #54a8f3 | #54a8f3 | RGB(84, 168, 243) | Blue Jeans | — |
| #f5d996 | #f5d996 | RGB(245, 217, 150) | Caramel | — |
| #ac6e34 | #ac6e34 | RGB(172, 110, 52) | Dark Gold | — |
| #74a894 | #74a894 | RGB(116, 168, 148) | Green Sheen | — |
| #a9c8ce | #a9c8ce | RGB(169, 200, 206) | Pastel Blue | — |
| #435442 | #435442 | RGB(67, 84, 66) | Gray-Asparagus | — |
Контраст палитры цветов
9 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#54a8f3 | #f5d996 | 1.84 |
#54a8f3 | #ac6e34 | 1.64 |
#54a8f3 | #74a894 | 1.06 |
#54a8f3 | #a9c8ce | 1.43 |
#f5d996 | #74a894 | 1.96 |
#f5d996 | #a9c8ce | 1.28 |
Изображение палитры Saas landing page homepage interface palette png
Экспорт палитры
Скачайте "Saas landing page homepage interface palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: