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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: