Full-Stack Design System Theme
- Front Navy#1f2937
- Middle Yellow#fcd34d
- Back Teal#10b981
- Route Lavender#a78bfa
- UI Snow#f9fafb
- Deploy Black#111827
Створено 07/13/2025 17:34
Палітра містить темний, світлий кольори. Акцентні кольори Middle Yellow #fcd34d та Route Lavender #a78bfa. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #111827 (найтемніший) до #F9FAFB (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #10B981, #111827, #1F2937, #A78BFA, #F9FAFB, #FCD34D
Палітра Full-Stack Design System Theme містить комбінацію з 6 кодів кольорів :
HEX: #1f2937, RGB: (31, 41, 55); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #10b981, RGB: (16, 185, 129)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Світлий відтінок Золотий, Темний відтінок Помірний морський зелений, Світлий відтінок Помірно-фіолетовий, Світлий відтінок Димчасто-білий, Світлий відтінок Чорний
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Full-Stack Design System Theme коди кольорів HEX, RGB інформація у таблиці
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#1f2937 | #111827 | 1.2 |
#fcd34d | #10b981 | 1.75 |
#fcd34d | #a78bfa | 1.88 |
#fcd34d | #f9fafb | 1.37 |
#10b981 | #a78bfa | 1.07 |
Палітра із зображення Full-Stack Design System Theme png
Експортувати палітру
Завантажте "Full-Stack Design System Theme" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: