Loading...
Utworzono o godz 06/12/2025 08:39
UI Animation Framework Theme
- Transition Yellow#fee440
- Ease Coral#ff9e9e
- Delay Lavender#d0bfff
- Trigger Navy#1e3a8a
- Speed Ice#e0fbfc
- Smooth Slate#9ca3af
Paleta składa się z kolorów Światło. Kolory akcentujące Transition Yellow #fee440 i Delay Lavender #d0bfff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.
Według jasności paleta rozciąga się od #1E3A8A (najciemniejszy) do #E0FBFC (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #1E3A8A, #9CA3AF, #D0BFFF, #E0FBFC, #FEE440, #FF9E9E
Paleta UI Animation Framework Theme zawiera kombinację kolorów kodów 6:
KLĄTWA: #fee440, RGB: (254, 228, 64); KLĄTWA: #ff9e9e, RGB: (255, 158, 158); KLĄTWA: #d0bfff, RGB: (208, 191, 255)
KLĄTWA: #1e3a8a, RGB: (30, 58, 138); KLĄTWA: #e0fbfc, RGB: (224, 251, 252); KLĄTWA: #9ca3af, RGB: (156, 163, 175)
Uproszczona wersja palety kolorów
Cień gold, Cień lightcoral, Cień thistle, Odcień darkslateblue, Odcień lightcyan, Odcień darkgrey
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
UI Animation Framework Theme kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #fee440 | #fee440 | RGB(254, 228, 64) | Transition Yellow | — |
| #ff9e9e | #ff9e9e | RGB(255, 158, 158) | Ease Coral | — |
| #d0bfff | #d0bfff | RGB(208, 191, 255) | Delay Lavender | — |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Trigger Navy | — |
| #e0fbfc | #e0fbfc | RGB(224, 251, 252) | Speed Ice | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Smooth Slate | — |
Kontrast palety kolorów
9 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fee440 | #ff9e9e | 1.54 |
#fee440 | #d0bfff | 1.3 |
#fee440 | #e0fbfc | 1.18 |
#fee440 | #9ca3af | 1.98 |
#ff9e9e | #d0bfff | 1.18 |
#ff9e9e | #e0fbfc | 1.82 |
Paleta obrazów UI Animation Framework Theme png
Eksportuj paletę
Pobierz "UI Animation Framework Theme" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: