UI State Machine Designer
- Idle Steel#94a3b8
- Active Pink#fb7185
- Disabled Gray#9ca3af
- Transition Yellow#fcd34d
- Focus Teal#14b8a6
- Error Plum#a78bfa
- Default Cloud#f9fafb
Создано 06/26/2025 08:35
Палитра содержит светлый цвета. Акцентные цвета Transition Yellow #fcd34d и Error Plum #a78bfa. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #14B8A6 (самый тёмный) до #F9FAFB (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома) — 57% цветов насыщенные.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (3 из 7).
HEX-коды (по возрастанию): #14B8A6, #94A3B8, #9CA3AF, #A78BFA, #F9FAFB, #FB7185, #FCD34D
Палитра UI State Machine Designer содержит комбинацию из 7 кодов цветов:
HEX: #94a3b8, RGB: (148, 163, 184); HEX: #fb7185, RGB: (251, 113, 133); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fcd34d, RGB: (252, 211, 77); HEX: #14b8a6, RGB: (20, 184, 166); HEX: #a78bfa, RGB: (167, 139, 250)
HEX: #f9fafb, RGB: (249, 250, 251)
Упрощенная версия цветов палитры
Светлый оттенок Светлый аспидно-серый, Тёмный оттенок Светло-коралловый, Тёмный оттенок Тёмно-серый, Светлый оттенок Золотой, Тёмный оттенок Светлый морской зелёный, Светлый оттенок Умеренно-фиолетовый, Светлый оттенок Дымчато-белый
Цветовая схема создана автором coolor
Коды цветов в палитре
UI State Machine Designer коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Idle Steel | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Active Pink | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Disabled Gray | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Transition Yellow | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Focus Teal | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Error Plum | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Default Cloud | — |
Контраст палитры цветов
16 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#94a3b8 | #fb7185 | 1.04 |
#94a3b8 | #9ca3af | 1 |
#94a3b8 | #fcd34d | 1.77 |
#94a3b8 | #14b8a6 | 1.03 |
#94a3b8 | #a78bfa | 1.06 |
#fb7185 | #9ca3af | 1.06 |
Палитра из изображения UI State Machine Designer png
Экспорт палитры
Скачайте "UI State Machine Designer" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: