Responsive Motion Design Kit
- Ease Blue#1976d2
- Transition Coral#ff6f61
- Bounce Mint#81c784
- Delay Yellow#fbc02d
- Frame Gray#9e9e9e
- Stage Black#1a1a1a
Utworzono 08/11/2025 14:40
Paleta składa się z kolorów Półciemny, Jasny, Ciemny. Kolory akcentujące Ease Blue #1976d2 i Transition Coral #ff6f61. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1A1A1A (najciemniejszy) do #FBC02D (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (2 ciepłych, 2 zimnych).
Kody HEX (posortowane): #1976D2, #1A1A1A, #81C784, #9E9E9E, #FBC02D, #FF6F61
Paleta Responsive Motion Design Kit łączy 6 kodów kolorów:
HEX: #1976d2, RGB: (25, 118, 210); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #81c784, RGB: (129, 199, 132)
HEX: #fbc02d, RGB: (251, 192, 45); HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #1a1a1a, RGB: (26, 26, 26)
Uproszczona wersja palety kolorów
Ciemny odcień Stalowy niebieski, Ciemny odcień Łososiowy, Jasny odcień Ciemna zieleń morska, Jasny odcień Nawłoć, Ciemny odcień Ciemnoszary, Jasny odcień Czarny
Schemat kolorów został stworzony przez colorscheme
Kody kolorów w palecie
Responsive Motion Design Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Ease Blue | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Transition Coral | Living Coral |
| #81c784 | #81c784 | RGB(129, 199, 132) | Bounce Mint | — |
| #fbc02d | #fbc02d | RGB(251, 192, 45) | Delay Yellow | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Frame Gray | Gray62 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Stage Black | Gray10 |
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 |
|---|---|---|
#1976d2 | #ff6f61 | 1.68 |
#1976d2 | #9e9e9e | 1.71 |
#ff6f61 | #81c784 | 1.35 |
#ff6f61 | #fbc02d | 1.64 |
#ff6f61 | #9e9e9e | 1.01 |
#81c784 | #fbc02d | 1.21 |
Paleta obrazów Responsive Motion Design Kit png
Eksportuj paletę
Pobierz "Responsive Motion Design Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: