Ux design landing page uxdesign palette
- Chocolate (Web)#d36925
- Medium Purple#9487f0
- Rust#b72f0c
- Iguana Green#6bb177
- Dark Sky Blue#96bacc
- Deep Koamaru#303c5a
Создано 08/13/2022 21:04
Палитра содержит светлый, полутемный цвета. Акцентные цвета Medium Purple #9487f0 и Rust #b72f0c. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #303C5A (самый тёмный) до #96BACC (самый светлый). Диапазон светлоты умеренный.
Насыщенность в среднем диапазоне, в среднем 55% по палитре.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #303C5A, #6BB177, #9487F0, #96BACC, #B72F0C, #D36925
Палитра Ux design landing page uxdesign palette содержит комбинацию из 6 кодов цветов:
HEX: #d36925, RGB: (211, 105, 37); HEX: #9487f0, RGB: (148, 135, 240); HEX: #b72f0c, RGB: (183, 47, 12)
HEX: #6bb177, RGB: (107, 177, 119); HEX: #96bacc, RGB: (150, 186, 204); HEX: #303c5a, RGB: (48, 60, 90)
Упрощенная версия цветов палитры
Светлый оттенок Шоколадный, Светлый оттенок Умеренно-фиолетовый, Светлый оттенок Кирпичный, Светлый оттенок Умеренный морской зелёный, Тёмный оттенок Небесно-голубой, Тёмный оттенок Тёмный аспидно-синий
Цветовая схема создана автором colorswall
Коды цветов в палитре
Ux design landing page uxdesign palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #d36925 | #d36925 | RGB(211, 105, 37) | Chocolate (Web) | — |
| #9487f0 | #9487f0 | RGB(148, 135, 240) | Medium Purple | — |
| #b72f0c | #b72f0c | RGB(183, 47, 12) | Rust | — |
| #6bb177 | #6bb177 | RGB(107, 177, 119) | Iguana Green | — |
| #96bacc | #96bacc | RGB(150, 186, 204) | Dark Sky Blue | — |
| #303c5a | #303c5a | RGB(48, 60, 90) | Deep Koamaru | — |
Контраст палитры цветов
8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#d36925 | #9487f0 | 1.2 |
#d36925 | #b72f0c | 1.69 |
#d36925 | #6bb177 | 1.4 |
#d36925 | #96bacc | 1.75 |
#9487f0 | #6bb177 | 1.17 |
#9487f0 | #96bacc | 1.45 |
Палитра из изображения Ux design landing page uxdesign palette png
Экспорт палитры
Скачайте "Ux design landing page uxdesign palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: