Создано 07/12/2022 09:18
Design ux app progressbar hex colors
Cornflower Blue
#6c8ce4
Maximum Blue Purple
#9fa0e7
Indigo (Rainbow)
#243168
Liberty
#5451a5
Wild Blue Yonder
#a6a9cc
Yankees Blue
#242444
Палитра содержит светлый, полутемный, темный цвета. Акцентные цвета Cornflower Blue #6c8ce4 да Maximum Blue Purple #9fa0e7. Палитра имеет цветовую температуру Холодный.
По светлоте палитра тянется от #242444 (самый тёмный) до #9FA0E7 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Распределение оттенков напоминает в основном аналоговую группу (эвристика, не строгая теория).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #242444, #243168, #5451A5, #6C8CE4, #9FA0E7, #A6A9CC
Палитра Design ux app progressbar hex colors содержит комбинацию из 6 кодов цветов:
HEX: #6c8ce4, RGB: (108, 140, 228); HEX: #9fa0e7, RGB: (159, 160, 231); HEX: #243168, RGB: (36, 49, 104)
HEX: #5451a5, RGB: (84, 81, 165); HEX: #a6a9cc, RGB: (166, 169, 204); HEX: #242444, RGB: (36, 36, 68)
Упрощенная версия цветов палитры
Оттенок cornflowerblue, Оттенок lightsteelblue, Тень midnightblue, Оттенок slateblue, Оттенок lightsteelblue, Тень midnightblue
Цветовая схема создана автором colorswall
Коды цветов в палитре
Design ux app progressbar hex colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #6c8ce4 | #6c8ce4 | RGB(108, 140, 228) | Cornflower Blue | — |
| #9fa0e7 | #9fa0e7 | RGB(159, 160, 231) | Maximum Blue Purple | — |
| #243168 | #243168 | RGB(36, 49, 104) | Indigo (Rainbow) | — |
| #5451a5 | #5451a5 | RGB(84, 81, 165) | Liberty | — |
| #a6a9cc | #a6a9cc | RGB(166, 169, 204) | Wild Blue Yonder | — |
| #242444 | #242444 | RGB(36, 36, 68) | Yankees Blue | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#6c8ce4 | #9fa0e7 | 1.32 |
#6c8ce4 | #a6a9cc | 1.4 |
#9fa0e7 | #a6a9cc | 1.05 |
#243168 | #5451a5 | 1.8 |
#243168 | #242444 | 1.21 |
Изображение палитры Design ux app progressbar hex colors png
Экспорт палитры
Скачайте "Design ux app progressbar hex colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: