Utworzono o godz 06/19/2025 20:30
Motion UI Framework Kit
- Animate Lilac#bfa2db
- Transition Carbon#30343f
- Ease Apricot#f7c59f
- State Cream#fff9f0
- Loop Cyan#7fdbff
- Frame Pink#f8bbd0
Paleta składa się z kolorów Światło. Kolory akcentujące State Cream #fff9f0 i Loop Cyan #7fdbff. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #30343F (najciemniejszy) do #FFF9F0 (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): #30343F, #7FDBFF, #BFA2DB, #F7C59F, #F8BBD0, #FFF9F0
Paleta Motion UI Framework Kit zawiera kombinację kolorów kodów 6:
KLĄTWA: #bfa2db, RGB: (191, 162, 219); KLĄTWA: #30343f, RGB: (48, 52, 63); KLĄTWA: #f7c59f, RGB: (247, 197, 159)
KLĄTWA: #fff9f0, RGB: (255, 249, 240); KLĄTWA: #7fdbff, RGB: (127, 219, 255); KLĄTWA: #f8bbd0, RGB: (248, 187, 208)
Uproszczona wersja palety kolorów
Odcień plum, Cień Czarny, Odcień peachpuff, Odcień floralwhite, Cień skyblue, Odcień Różowy
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Motion UI Framework Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #bfa2db | #bfa2db | RGB(191, 162, 219) | Animate Lilac | — |
| #30343f | #30343f | RGB(48, 52, 63) | Transition Carbon | — |
| #f7c59f | #f7c59f | RGB(247, 197, 159) | Ease Apricot | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | State Cream | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Loop Cyan | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Frame Pink | — |
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 |
#bfa2db | #f7c59f | 1.42 |
#bfa2db | #7fdbff | 1.43 |
#bfa2db | #f8bbd0 | 1.38 |
#f7c59f | #fff9f0 | 1.49 |
#f7c59f | #7fdbff | 1 |
#f7c59f | #f8bbd0 | 1.03 |
Paleta obrazów Motion UI Framework Kit png
Eksportuj paletę
Pobierz "Motion UI Framework Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: