Utworzono o godz 06/12/2025 08:48
Motion Design Animation UI
- Ease Aqua#67e8f9
- Curve Violet#c084fc
- Timing Gray#9ca3af
- Trigger Coral#ffb3b3
- State Ice#e0fbfc
- Play Ink#1e1e1e
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Ease Aqua #67e8f9 i Trigger Coral #ffb3b3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1E1E1E (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): #1E1E1E, #67E8F9, #9CA3AF, #C084FC, #E0FBFC, #FFB3B3
Paleta Motion Design Animation UI zawiera kombinację kolorów kodów 6:
KLĄTWA: #67e8f9, RGB: (103, 232, 249); KLĄTWA: #c084fc, RGB: (192, 132, 252); KLĄTWA: #9ca3af, RGB: (156, 163, 175)
KLĄTWA: #ffb3b3, RGB: (255, 179, 179); KLĄTWA: #e0fbfc, RGB: (224, 251, 252); KLĄTWA: #1e1e1e, RGB: (30, 30, 30)
Uproszczona wersja palety kolorów
Cień cyan, Odcień violet, Odcień darkgrey, Odcień lightpink, Odcień lightcyan, Cień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Motion Design Animation UI kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #67e8f9 | #67e8f9 | RGB(103, 232, 249) | Ease Aqua | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Curve Violet | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Timing Gray | — |
| #ffb3b3 | #ffb3b3 | RGB(255, 179, 179) | Trigger Coral | — |
| #e0fbfc | #e0fbfc | RGB(224, 251, 252) | State Ice | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Play Ink | — |
Kontrast palety kolorów
8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#67e8f9 | #c084fc | 1.82 |
#67e8f9 | #9ca3af | 1.75 |
#67e8f9 | #ffb3b3 | 1.17 |
#67e8f9 | #e0fbfc | 1.33 |
#c084fc | #9ca3af | 1.04 |
#c084fc | #ffb3b3 | 1.55 |
Paleta obrazów Motion Design Animation UI png
Eksportuj paletę
Pobierz "Motion Design Animation UI" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: