Створено 06/09/2025 08:14
Custom CSS Token Library
- Var Emerald#50c878
- Token Dust#e5e5e5
- Reference Grape#8a6eca
- Default Slate#6b7280
- Background White#ffffff
- Fallback Graphite#2a2a2a
Палітра містить світлий, темний кольори. Акцентні кольори Var Emerald #50c878 та Background White #ffffff. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #2A2A2A (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається переважно приглушеною (низька хрома).
Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2A2A2A, #50C878, #6B7280, #8A6ECA, #E5E5E5, #FFFFFF
Палітра Custom CSS Token Library містить комбінацію з 6 кодів кольорів :
HEX: #50c878, RGB: (80, 200, 120); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #8a6eca, RGB: (138, 110, 202)
HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffffff, RGB: (255, 255, 255); HEX: #2a2a2a, RGB: (42, 42, 42)
Спрощений варіант палітри кольорів
Відтінок mediumseagreen, Відтінок gainsboro, Відтінок mediumpurple, Відтінок slategrey, Білий, Відтінок Чорний
Кольорова схема створена автором hex
Більше палітр з:
Коди кольорів у палітрі
Custom CSS Token Library коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #50c878 | #50c878 | RGB(80, 200, 120) | Var Emerald | Emerald Reflection |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Token Dust | Gray90 |
| #8a6eca | #8a6eca | RGB(138, 110, 202) | Reference Grape | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Default Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Fallback Graphite | The End |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#50c878 | #e5e5e5 | 1.68 |
#50c878 | #8a6eca | 1.91 |
#e5e5e5 | #ffffff | 1.25 |
#8a6eca | #6b7280 | 1.18 |
Зображення палітри Custom CSS Token Library png
Експортувати палітру
Завантажте "Custom CSS Token Library" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: