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