Interaction interface design ui palette
- Royal Orange#ec9c3d
- Mellow Apricot#f0bc6f
- Space Cadet#163959
- Dark Lavender#745995
- Pastel Blue#b5ccd6
- Police Blue#3b5765
Создано 02/22/2022 11:47
Палитра содержит светлый, полутемный цвета. Акцентные цвета Royal Orange #ec9c3d и Space Cadet #163959. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #163959 (самый тёмный) до #B5CCD6 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 2 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #163959, #3B5765, #745995, #B5CCD6, #EC9C3D, #F0BC6F
Палитра Interaction interface design ui palette содержит комбинацию из 6 кодов цветов:
HEX: #ec9c3d, RGB: (236, 156, 61); HEX: #f0bc6f, RGB: (240, 188, 111); HEX: #163959, RGB: (22, 57, 89)
HEX: #745995, RGB: (116, 89, 149); HEX: #b5ccd6, RGB: (181, 204, 214); HEX: #3b5765, RGB: (59, 87, 101)
Упрощенная версия цветов палитры
Тёмный оттенок Песочно-коричневый, Светлый оттенок Древесный, Тёмный оттенок Тёмный аспидно-синий, Тёмный оттенок Аспидно-синий, Тёмный оттенок Светло-голубой, Светлый оттенок Тёмный аспидно-серый
Цветовая схема создана автором colorswall
Коды цветов в палитре
Interaction interface design ui palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ec9c3d | #ec9c3d | RGB(236, 156, 61) | Royal Orange | — |
| #f0bc6f | #f0bc6f | RGB(240, 188, 111) | Mellow Apricot | — |
| #163959 | #163959 | RGB(22, 57, 89) | Space Cadet | — |
| #745995 | #745995 | RGB(116, 89, 149) | Dark Lavender | — |
| #b5ccd6 | #b5ccd6 | RGB(181, 204, 214) | Pastel Blue | — |
| #3b5765 | #3b5765 | RGB(59, 87, 101) | Police Blue | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ec9c3d | #f0bc6f | 1.29 |
#ec9c3d | #b5ccd6 | 1.33 |
#f0bc6f | #b5ccd6 | 1.03 |
#163959 | #3b5765 | 1.55 |
#745995 | #3b5765 | 1.31 |
Палитра из изображения Interaction interface design ui palette png
Экспорт палитры
Скачайте "Interaction interface design ui palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: