Створено 06/17/2025 12:06
Component-Based Design System
- Atomic Rose#ffb4c7
- Reusable Indigo#7161ef
- Token Clay#d6d1cb
- Style Guide Aqua#64dfdf
- Hierarchy Coal#222426
- Sketchpad Linen#fdf7f2
Палітра містить світлий, темний кольори. Акцентні кольори Atomic Rose #ffb4c7 та Style Guide Aqua #64dfdf. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #222426 (найтемніший) до #FDF7F2 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #222426, #64DFDF, #7161EF, #D6D1CB, #FDF7F2, #FFB4C7
Палітра Component-Based Design System містить комбінацію з 6 кодів кольорів :
HEX: #ffb4c7, RGB: (255, 180, 199); HEX: #7161ef, RGB: (113, 97, 239); HEX: #d6d1cb, RGB: (214, 209, 203)
HEX: #64dfdf, RGB: (100, 223, 223); HEX: #222426, RGB: (34, 36, 38); HEX: #fdf7f2, RGB: (253, 247, 242)
Спрощений варіант палітри кольорів
Відтінок lightpink, Відтінок mediumslateblue, Відтінок lightgrey, Відтінок mediumturquoise, Відтінок Чорний, Відтінок floralwhite
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Component-Based Design System коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffb4c7 | #ffb4c7 | RGB(255, 180, 199) | Atomic Rose | — |
| #7161ef | #7161ef | RGB(113, 97, 239) | Reusable Indigo | — |
| #d6d1cb | #d6d1cb | RGB(214, 209, 203) | Token Clay | — |
| #64dfdf | #64dfdf | RGB(100, 223, 223) | Style Guide Aqua | — |
| #222426 | #222426 | RGB(34, 36, 38) | Hierarchy Coal | — |
| #fdf7f2 | #fdf7f2 | RGB(253, 247, 242) | Sketchpad Linen | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffb4c7 | #d6d1cb | 1.09 |
#ffb4c7 | #64dfdf | 1.04 |
#ffb4c7 | #fdf7f2 | 1.56 |
#d6d1cb | #64dfdf | 1.05 |
#d6d1cb | #fdf7f2 | 1.42 |
#64dfdf | #fdf7f2 | 1.5 |
Зображення палітри Component-Based Design System png
Експортувати палітру
Завантажте "Component-Based Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: