Landing header web page landingpage colours
- Yellow Orange#f5b63b
- Dark Vanilla#e0c5a4
- Cal Poly Pomona Green#1b612f
- Rackley#558ea2
- Tuscany#c594a2
- Black Coffee#39332a
Создано 06/03/2022 10:32
Палитра содержит светлый, полутемный цвета. Акцентные цвета Yellow Orange #f5b63b и Rackley #558ea2. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #39332A (самый тёмный) до #E0C5A4 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 1 приглушённых и 2 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону тёплого (4 из 6).
HEX-коды (по возрастанию): #1B612F, #39332A, #558EA2, #C594A2, #E0C5A4, #F5B63B
Палитра Landing header web page landingpage colours содержит комбинацию из 6 кодов цветов:
HEX: #f5b63b, RGB: (245, 182, 59); HEX: #e0c5a4, RGB: (224, 197, 164); HEX: #1b612f, RGB: (27, 97, 47)
HEX: #558ea2, RGB: (85, 142, 162); HEX: #c594a2, RGB: (197, 148, 162); HEX: #39332a, RGB: (57, 51, 42)
Упрощенная версия цветов палитры
Светлый оттенок Золотарник, Светлый оттенок Рыжевато-коричневый, Светлый оттенок Тёмно-зелёный, Тёмный оттенок Серо-синий, Светлый оттенок Розово-коричневый, Светлый оттенок Черный
Цветовая схема создана автором colorswall
Коды цветов в палитре
Landing header web page landingpage colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f5b63b | #f5b63b | RGB(245, 182, 59) | Yellow Orange | — |
| #e0c5a4 | #e0c5a4 | RGB(224, 197, 164) | Dark Vanilla | — |
| #1b612f | #1b612f | RGB(27, 97, 47) | Cal Poly Pomona Green | — |
| #558ea2 | #558ea2 | RGB(85, 142, 162) | Rackley | — |
| #c594a2 | #c594a2 | RGB(197, 148, 162) | Tuscany | — |
| #39332a | #39332a | RGB(57, 51, 42) | Black Coffee | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f5b63b | #e0c5a4 | 1.09 |
#f5b63b | #c594a2 | 1.43 |
#e0c5a4 | #c594a2 | 1.56 |
#1b612f | #39332a | 1.66 |
#558ea2 | #c594a2 | 1.4 |
Палитра из изображения Landing header web page landingpage colours png
Экспорт палитры
Скачайте "Landing header web page landingpage colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: