Создано 12/26/2022 20:06
Components ui sidebar button styleguide colors palette
- Maximum Blue#41a3cf
- Wild Blue Yonder#9daed6
- Indigo (Rainbow)#232f67
- Dark Blue-Gray#735f9c
- Lilac#c4a8bd
- Metallic Blue#365274
Палитра содержит светлый, темный цвета. Акцентные цвета Maximum Blue #41a3cf да Indigo (Rainbow) #232f67. Палитра имеет цветовую температуру Холодный, Нейтральный.
По светлоте палитра тянется от #232F67 (самый тёмный) до #9DAED6 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Оттенки лежат в соседней полосе на круге (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #232F67, #365274, #41A3CF, #735F9C, #9DAED6, #C4A8BD
Палитра Components ui sidebar button styleguide colors palette содержит комбинацию из 6 кодов цветов:
HEX: #41a3cf, RGB: (65, 163, 207); HEX: #9daed6, RGB: (157, 174, 214); HEX: #232f67, RGB: (35, 47, 103)
HEX: #735f9c, RGB: (115, 95, 156); HEX: #c4a8bd, RGB: (196, 168, 189); HEX: #365274, RGB: (54, 82, 116)
Упрощенная версия цветов палитры
Оттенок deepskyblue, Оттенок lightsteelblue, Тень midnightblue, Тень slateblue, Оттенок thistle, Тень darkslateblue
Цветовая схема создана автором coolor
Коды цветов в палитре
Components ui sidebar button styleguide colors palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #41a3cf | #41a3cf | RGB(65, 163, 207) | Maximum Blue | — |
| #9daed6 | #9daed6 | RGB(157, 174, 214) | Wild Blue Yonder | — |
| #232f67 | #232f67 | RGB(35, 47, 103) | Indigo (Rainbow) | — |
| #735f9c | #735f9c | RGB(115, 95, 156) | Dark Blue-Gray | — |
| #c4a8bd | #c4a8bd | RGB(196, 168, 189) | Lilac | — |
| #365274 | #365274 | RGB(54, 82, 116) | Metallic Blue | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#41a3cf | #9daed6 | 1.28 |
#41a3cf | #735f9c | 1.91 |
#41a3cf | #c4a8bd | 1.31 |
#9daed6 | #c4a8bd | 1.02 |
#232f67 | #365274 | 1.56 |
#735f9c | #365274 | 1.47 |
Изображение палитры Components ui sidebar button styleguide colors palette png
Экспорт палитры
Скачайте "Components ui sidebar button styleguide colors palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: