Цвета заката: палитры, HEX-коды и градиенты
Готовые палитры заката с HEX-кодами: золотой час, морской закат, сумерки. Градиенты для CSS и советы, где использовать закатные цвета.
Готовые палитры · · 2 мин чтения
Палитра заката — это аналоговая тёплая гамма от персикового и оранжевого к терракотовому, приглушённому лиловому и почти чёрному синему. Ниже три готовые закатные палитры с HEX-кодами и CSS-градиентами; собственную можно получить из любого фото заката в генераторе палитры.
Палитра 1. Закат над морем
Цвета, извлечённые из фото солнца над волнами:
| Цвет | HEX | Роль |
|---|---|---|
| Терракотовый | #DE7C56 |
Основной тёплый |
| Оранжевый | #FA9B59 |
Акцент |
| Светлый персиковый | #FEE0A4 |
Светлый фон, текст на тёмном |
| Тёплый серый | #867569 |
Нейтральный |
| Графитовый | #4E4747 |
Поверхности |
| Почти чёрный | #1E1A1D |
Тёмный фон |
background: linear-gradient(180deg, #FEE0A4, #FA9B59, #DE7C56, #4E4747, #1E1A1D);
Палитра 2. Золотой час
Мягкий вечерний свет до заката — тёплые светлые тона.
| Цвет | HEX |
|---|---|
| Сливочный | #FFF1D6 |
| Абрикосовый | #FFC48C |
| Медовый | #F2A541 |
| Розовато-коралловый | #F08A6C |
| Пыльная роза | #C9787A |
background: linear-gradient(135deg, #FFF1D6, #FFC48C, #F2A541, #F08A6C);
Палитра 3. Сумерки
Когда солнце уже село, тёплый горизонт уходит в лиловый и глубокий синий.
| Цвет | HEX |
|---|---|
| Персиковый горизонт | #F6A57E |
| Лиловый | #A06A8F |
| Сливовый | #5C4875 |
| Сумеречный синий | #2E3A66 |
| Ночной | #141A33 |
background: linear-gradient(180deg, #F6A57E, #A06A8F, #5C4875, #2E3A66, #141A33);
Где использовать
- Сайты о путешествиях, отелях, ретритах — тёплая атмосфера.
- Фоны для сторис и цитат — градиент «Сумерки» с белым текстом. Как оформить — в статье палитра для сторис.
- Интерьер — терракотовый и персиковый на стенах, графит в деталях.
Светлые цвета заката (персиковый, сливочный) плохо подходят для белого текста — проверьте контраст по нормам WCAG.
Частые вопросы
Какие цвета у заката?
Чаще всего оранжевый, персиковый, терракотовый, розовый, лиловый и тёмно-синий; точный набор зависит от погоды и места.
Как сделать градиент заката в CSS?
Используйте вертикальный linear-gradient(180deg, …) от светлого горизонта к тёмному небу — примеры выше.
Как получить палитру моего фото заката?
Загрузите снимок в генератор палитры — он вернёт 5–8 цветов и готовый CSS-градиент.