Design System Canvas Hub
- Base Snow#fafafa
- Guide Charcoal#222222
- Theme Rose#ff5e78
- Style Aqua#4de1ff
- Accent Wheat#f7e8a4
- Tab Sage#b2d3c2
Створено 06/30/2025 17:47
Палітра містить світлий, темний кольори. Акцентні кольори Theme Rose #ff5e78 та Style Aqua #4de1ff. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.
За світлістю палітра сягає від #222222 (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #222222, #4DE1FF, #B2D3C2, #F7E8A4, #FAFAFA, #FF5E78
Палітра Design System Canvas Hub містить комбінацію з 6 кодів кольорів :
HEX: #fafafa, RGB: (250, 250, 250); HEX: #222222, RGB: (34, 34, 34); HEX: #ff5e78, RGB: (255, 94, 120)
HEX: #4de1ff, RGB: (77, 225, 255); HEX: #f7e8a4, RGB: (247, 232, 164); HEX: #b2d3c2, RGB: (178, 211, 194)
Спрощений варіант палітри кольорів
Світлий відтінок Димчасто-білий, Світлий відтінок Чорний, Темний відтінок Світло-кораловий, Темний відтінок Небесно-блакитний, Світлий відтінок Блідо-золотистий, Темний відтінок Пудрово-блакитний
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Design System Canvas Hub коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #fafafa | #fafafa | RGB(250, 250, 250) | Base Snow | Dr. White |
| #222222 | #222222 | RGB(34, 34, 34) | Guide Charcoal | Black Out |
| #ff5e78 | #ff5e78 | RGB(255, 94, 120) | Theme Rose | — |
| #4de1ff | #4de1ff | RGB(77, 225, 255) | Style Aqua | — |
| #f7e8a4 | #f7e8a4 | RGB(247, 232, 164) | Accent Wheat | — |
| #b2d3c2 | #b2d3c2 | RGB(178, 211, 194) | Tab Sage | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#fafafa | #4de1ff | 1.48 |
#fafafa | #f7e8a4 | 1.18 |
#fafafa | #b2d3c2 | 1.54 |
#ff5e78 | #4de1ff | 1.89 |
#ff5e78 | #b2d3c2 | 1.82 |
#4de1ff | #f7e8a4 | 1.25 |
Палітра із зображення Design System Canvas Hub png
Експортувати палітру
Завантажте "Design System Canvas Hub" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: