Home page web design ux
- Electric Orange#f23a13
- Macaroni And Cheese#f7b785
- Myrtle Green#206f6a
- Purpureus#8c59ac
- Black Shadows#c6aeb9
- Japanese Violet#513554
Создано 11/15/2022 14:50
Палитра содержит светлый, полутемный цвета. Акцентные цвета Electric Orange #f23a13 и Myrtle Green #206f6a. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #513554 (самый тёмный) до #F7B785 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (3 тёплых, 3 холодных).
HEX-коды (по возрастанию): #206F6A, #513554, #8C59AC, #C6AEB9, #F23A13, #F7B785
Палитра Home page web design ux содержит комбинацию из 6 кодов цветов:
HEX: #f23a13, RGB: (242, 58, 19); HEX: #f7b785, RGB: (247, 183, 133); HEX: #206f6a, RGB: (32, 111, 106)
HEX: #8c59ac, RGB: (140, 89, 172); HEX: #c6aeb9, RGB: (198, 174, 185); HEX: #513554, RGB: (81, 53, 84)
Упрощенная версия цветов палитры
Светлый оттенок Красный, Светлый оттенок Песочно-коричневый, Тёмный оттенок Сине-зелёный, Светлый оттенок Тёмная орхидея, Тёмный оттенок Чертополох, Тёмный оттенок Тёмный аспидно-синий
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Home page web design ux коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f23a13 | #f23a13 | RGB(242, 58, 19) | Electric Orange | — |
| #f7b785 | #f7b785 | RGB(247, 183, 133) | Macaroni And Cheese | — |
| #206f6a | #206f6a | RGB(32, 111, 106) | Myrtle Green | — |
| #8c59ac | #8c59ac | RGB(140, 89, 172) | Purpureus | — |
| #c6aeb9 | #c6aeb9 | RGB(198, 174, 185) | Black Shadows | — |
| #513554 | #513554 | RGB(81, 53, 84) | Japanese Violet | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f23a13 | #206f6a | 1.52 |
#f23a13 | #8c59ac | 1.3 |
#f23a13 | #c6aeb9 | 1.88 |
#f7b785 | #c6aeb9 | 1.18 |
#206f6a | #8c59ac | 1.16 |
#206f6a | #513554 | 1.78 |
Палитра из изображения Home page web design ux png
Экспорт палитры
Скачайте "Home page web design ux" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: