Створено 07/04/2025 10:04
Design Token Web Components
- Schema Peach#ffe5b4
- Atomic Blue#4fb3ff
- Slot Soft Gray#efefef
- Hierarchy Black#222222
- Cascade Seafoam#b0ffdc
- Render Slate#5e6472
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Schema Peach #ffe5b4 та Atomic Blue #4fb3ff. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #222222 (найтемніший) до #EFEFEF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #222222, #4FB3FF, #5E6472, #B0FFDC, #EFEFEF, #FFE5B4
Палітра Design Token Web Components містить комбінацію з 6 кодів кольорів :
HEX: #ffe5b4, RGB: (255, 229, 180); HEX: #4fb3ff, RGB: (79, 179, 255); HEX: #efefef, RGB: (239, 239, 239)
HEX: #222222, RGB: (34, 34, 34); HEX: #b0ffdc, RGB: (176, 255, 220); HEX: #5e6472, RGB: (94, 100, 114)
Спрощений варіант палітри кольорів
Відтінок moccasin, Відтінок deepskyblue, Відтінок whitesmoke, Відтінок Чорний, Відтінок aquamarine, Відтінок dimgrey
Кольорова схема створена автором colorhunt
Коди кольорів у палітрі
Design Token Web Components коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ffe5b4 | #ffe5b4 | RGB(255, 229, 180) | Schema Peach | Mouse Nose |
| #4fb3ff | #4fb3ff | RGB(79, 179, 255) | Atomic Blue | — |
| #efefef | #efefef | RGB(239, 239, 239) | Slot Soft Gray | — |
| #222222 | #222222 | RGB(34, 34, 34) | Hierarchy Black | Black Out |
| #b0ffdc | #b0ffdc | RGB(176, 255, 220) | Cascade Seafoam | — |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | Render Slate | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ffe5b4 | #4fb3ff | 1.85 |
#ffe5b4 | #efefef | 1.06 |
#ffe5b4 | #b0ffdc | 1.06 |
#4fb3ff | #efefef | 1.97 |
#4fb3ff | #b0ffdc | 1.97 |
#efefef | #b0ffdc | 1 |
Зображення палітри Design Token Web Components png
Експортувати палітру
Завантажте "Design Token Web Components" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: