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
Utworzono 06/26/2025 08:35
Paleta składa się z kolorów Jasny. Kolory akcentujące Transition Yellow #fcd34d i Error Plum #a78bfa. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #14B8A6 (najciemniejszy) do #F9FAFB (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 57% kolorów jest żywych.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (3 z 7).
Kody HEX (posortowane): #14B8A6, #94A3B8, #9CA3AF, #A78BFA, #F9FAFB, #FB7185, #FCD34D
Paleta UI State Machine Designer łączy 7 kodów kolorów:
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)
Uproszczona wersja palety kolorów
Jasny odcień Jasny łupkowy szary, Ciemny odcień Jasnokoralowy, Ciemny odcień Ciemnoszary, Jasny odcień Złoty, Ciemny odcień Jasna zieleń morska, Jasny odcień Średni fioletowy, Jasny odcień Biały dym
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
UI State Machine Designer kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #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 | — |
Kontrast palety kolorów
16 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#94a3b8 | #fb7185 | 1.04 |
#94a3b8 | #9ca3af | 1 |
#94a3b8 | #fcd34d | 1.77 |
#94a3b8 | #14b8a6 | 1.03 |
#94a3b8 | #a78bfa | 1.06 |
#fb7185 | #9ca3af | 1.06 |
Paleta obrazów UI State Machine Designer png
Eksportuj paletę
Pobierz "UI State Machine Designer" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: