Создано 12/06/2022 13:12
Landing page design iconography website colors
- Meat Brown#e8a744
- Medium Slate Blue#6f71f2
- Violet (Crayola)#943c89
- Bazaar#a26f80
- Pink Lavender#ccafce
- Black Olive#3e3c40
Палитра содержит светлый, полутемный цвета. Акцентные цвета Meat Brown #e8a744 да Medium Slate Blue #6f71f2. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #3E3C40 (самый тёмный) до #CCAFCE (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 3 приглушённых и 2 ярких из 6 цветов.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону тёплого (2 из 6).
HEX-коды (по возрастанию): #3E3C40, #6F71F2, #943C89, #A26F80, #CCAFCE, #E8A744
Палитра Landing page design iconography website colors содержит комбинацию из 6 кодов цветов:
HEX: #e8a744, RGB: (232, 167, 68); HEX: #6f71f2, RGB: (111, 113, 242); HEX: #943c89, RGB: (148, 60, 137)
HEX: #a26f80, RGB: (162, 111, 128); HEX: #ccafce, RGB: (204, 175, 206); HEX: #3e3c40, RGB: (62, 60, 64)
Упрощенная версия цветов палитры
Тень goldenrod, Тень mediumslateblue, Тень darkmagenta, Оттенок palevioletred, Оттенок thistle, Оттенок dimgrey
Цветовая схема создана автором raccoon
Коды цветов в палитре
Landing page design iconography website colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #e8a744 | #e8a744 | RGB(232, 167, 68) | Meat Brown | — |
| #6f71f2 | #6f71f2 | RGB(111, 113, 242) | Medium Slate Blue | — |
| #943c89 | #943c89 | RGB(148, 60, 137) | Violet (Crayola) | — |
| #a26f80 | #a26f80 | RGB(162, 111, 128) | Bazaar | — |
| #ccafce | #ccafce | RGB(204, 175, 206) | Pink Lavender | — |
| #3e3c40 | #3e3c40 | RGB(62, 60, 64) | Black Olive | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#e8a744 | #6f71f2 | 1.88 |
#e8a744 | #a26f80 | 1.96 |
#e8a744 | #ccafce | 1.05 |
#6f71f2 | #943c89 | 1.62 |
#6f71f2 | #a26f80 | 1.03 |
#6f71f2 | #ccafce | 1.99 |
Изображение палитры Landing page design iconography website colors png
Экспорт палитры
Скачайте "Landing page design iconography website colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: