solid design system full
- #2563eb
- #1d4ed8
- White#ffffff
- Dr. White#f9fafb
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Liberty Green#16a34a
- Orange Outburst#d97706
- Whero Red#dc2626
1
Створено 10/19/2026 18:41
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори #2563eb та Orange Outburst #d97706. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #111827 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 4 приглушених і 5 яскравих із 10 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (4 із 10).
HEX-коди (відсортовано): #111827, #16A34A, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #D97706, #DC2626, #F9FAFB, #FFFFFF
Палітра solid design system full містить комбінацію з 10 кодів кольорів :
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #d1d5db, RGB: (209, 213, 219); HEX: #16a34a, RGB: (22, 163, 74); HEX: #d97706, RGB: (217, 119, 6)
HEX: #dc2626, RGB: (220, 38, 38)
Спрощений варіант палітри кольорів
Темний відтінок Королівський синій, Темний відтінок Сланцево-синій, Білий, Світлий відтінок Димчасто-білий, Світлий відтінок Чорний, Темний відтінок Сланцево-сірий, Світлий відтінок Світло-сірий, Темний відтінок Помірний морський зелений, Темний відтінок Перу, Світлий відтінок Малиново-червоний
Кольорова схема створена автором infouser
Коди кольорів у палітрі
solid design system full коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #2563eb | #2563eb | RGB(37, 99, 235) | — | — |
| #1d4ed8 | #1d4ed8 | RGB(29, 78, 216) | — | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Dr. White | — |
| #111827 | #111827 | RGB(17, 24, 39) | Sambucus | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Encore | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Blueberry Whip | — |
| #16a34a | #16a34a | RGB(22, 163, 74) | Liberty Green | — |
| #d97706 | #d97706 | RGB(217, 119, 6) | Orange Outburst | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Whero Red | — |
Контраст палітри кольорів
16 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#2563eb | #1d4ed8 | 1.29 |
#2563eb | #6b7280 | 1.06 |
#2563eb | #16a34a | 1.56 |
#2563eb | #d97706 | 1.62 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
Палітра із зображення solid design system full png
Експортувати палітру
Завантажте "solid design system full" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: