Создано 08/19/2022 09:03
Animation interface design ux colors
- Barbie Pink#e92485
- Pale Cerulean#9cbfeb
- Japanese Indigo#24444c
- Dim Gray#6a6c70
- Pink Lavender#cdb7ca
- Dark Slate Gray#344e54
Палитра содержит полутемный, светлый цвета. Акцентные цвета Barbie Pink #e92485 да Japanese Indigo #24444c. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.
По светлоте палитра тянется от #24444C (самый тёмный) до #9CBFEB (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #24444C, #344E54, #6A6C70, #9CBFEB, #CDB7CA, #E92485
Палитра Animation interface design ux colors содержит комбинацию из 6 кодов цветов:
HEX: #e92485, RGB: (233, 36, 133); HEX: #9cbfeb, RGB: (156, 191, 235); HEX: #24444c, RGB: (36, 68, 76)
HEX: #6a6c70, RGB: (106, 108, 112); HEX: #cdb7ca, RGB: (205, 183, 202); HEX: #344e54, RGB: (52, 78, 84)
Упрощенная версия цветов палитры
Тень deeppink, Оттенок lightsteelblue, Оттенок darkslategrey, Тень dimgrey, Оттенок thistle, Тень darkslategrey
Цветовая схема создана автором colorswall
Коды цветов в палитре
Animation interface design ux colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #e92485 | #e92485 | RGB(233, 36, 133) | Barbie Pink | — |
| #9cbfeb | #9cbfeb | RGB(156, 191, 235) | Pale Cerulean | — |
| #24444c | #24444c | RGB(36, 68, 76) | Japanese Indigo | — |
| #6a6c70 | #6a6c70 | RGB(106, 108, 112) | Dim Gray | — |
| #cdb7ca | #cdb7ca | RGB(205, 183, 202) | Pink Lavender | — |
| #344e54 | #344e54 | RGB(52, 78, 84) | Dark Slate Gray | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#e92485 | #6a6c70 | 1.26 |
#9cbfeb | #cdb7ca | 1.01 |
#24444c | #6a6c70 | 1.98 |
#24444c | #344e54 | 1.17 |
#6a6c70 | #344e54 | 1.68 |
Изображение палитры Animation interface design ux colors png
Экспорт палитры
Скачайте "Animation interface design ux colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: