solid design system
- #2563eb
- #1d4ed8
- White#ffffff
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Whero Red#dc2626
Создано 10/19/2026 18:41
Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета #2563eb и Whero Red #dc2626. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
По светлоте палитра тянется от #111827 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 7 цветов.
Разнообразная палитра: оттенки распределены примерно на 144° цветового круга.
В целом температура смещена в сторону холодного (3 из 7).
HEX-коды (по возрастанию): #111827, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #DC2626, #FFFFFF
Палитра solid design system содержит комбинацию из 7 кодов цветов:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #dc2626, RGB: (220, 38, 38)
Упрощенная версия цветов палитры
Тёмный оттенок Королевский синий, Тёмный оттенок Аспидно-синий, Белый, Светлый оттенок Черный, Тёмный оттенок Аспидно-серый, Светлый оттенок Светло-серый, Светлый оттенок Малиново-красный
Цветовая схема создана автором infouser
Коды цветов в палитре
solid design system коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | — | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #111827 | #111827 | RGB(17, 24, 39) | Sambucus | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Encore | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Blueberry Whip | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Whero Red | — |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#2563eb | #1d4ed8 | 1.29 |
#2563eb | #6b7280 | 1.06 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
#1d4ed8 | #dc2626 | 1.38 |
#ffffff | #d1d5db | 1.47 |
Палитра из изображения solid design system png
Экспорт палитры
Скачайте "solid design system" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: