Ui design palette
- Battery Charged Blue#22bedc
- Sea Serpent#44cce5
- Indigo (Rainbow)#172a6d
- Philippine Gray#848c8c
- Pastel Gray#cdccba
- Police Blue#3a505d
Создано 03/28/2022 08:31
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Sea Serpent #44cce5 и Pastel Gray #cdccba. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #172A6D (самый тёмный) до #CDCCBA (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (4 из 6).
HEX-коды (по возрастанию): #172A6D, #22BEDC, #3A505D, #44CCE5, #848C8C, #CDCCBA
Палитра Ui design palette содержит комбинацию из 6 кодов цветов:
HEX: #22bedc, RGB: (34, 190, 220); HEX: #44cce5, RGB: (68, 204, 229); HEX: #172a6d, RGB: (23, 42, 109)
HEX: #848c8c, RGB: (132, 140, 140); HEX: #cdccba, RGB: (205, 204, 186); HEX: #3a505d, RGB: (58, 80, 93)
Упрощенная версия цветов палитры
Тёмный оттенок Небесно-голубой, Тёмный оттенок Небесно-голубой, Светлый оттенок Полуночно-синий, Светлый оттенок Серый, Тёмный оттенок Светло-серый, Светлый оттенок Тёмный аспидно-серый
Цветовая схема создана автором colorswall
Коды цветов в палитре
Ui design palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #22bedc | #22bedc | RGB(34, 190, 220) | Battery Charged Blue | — |
| #44cce5 | #44cce5 | RGB(68, 204, 229) | Sea Serpent | — |
| #172a6d | #172a6d | RGB(23, 42, 109) | Indigo (Rainbow) | — |
| #848c8c | #848c8c | RGB(132, 140, 140) | Philippine Gray | — |
| #cdccba | #cdccba | RGB(205, 204, 186) | Pastel Gray | — |
| #3a505d | #3a505d | RGB(58, 80, 93) | Police Blue | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#22bedc | #44cce5 | 1.16 |
#22bedc | #848c8c | 1.54 |
#22bedc | #cdccba | 1.36 |
#44cce5 | #848c8c | 1.8 |
#44cce5 | #cdccba | 1.17 |
#172a6d | #3a505d | 1.56 |
Палитра из изображения Ui design palette png
Экспорт палитры
Скачайте "Ui design palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: