UX Journey Mapping Kit
- Step Blue#42a5f5
- Action Orange#ff7043
- Touchpoint Mint#81c784
- Emotion Pink#f48fb1
- Highlight Yellow#fff176
- Background White#ffffff
Utworzono 08/11/2025 14:41
Paleta składa się z kolorów Jasny. Kolory akcentujące Step Blue #42a5f5 i Highlight Yellow #fff176. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #42A5F5 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie wydaje się żywe (wysoka chroma) — 67% 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 ciepłu (3 z 6).
Kody HEX (posortowane): #42A5F5, #81C784, #F48FB1, #FF7043, #FFF176, #FFFFFF
Paleta UX Journey Mapping Kit łączy 6 kodów kolorów:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ff7043, RGB: (255, 112, 67); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f48fb1, RGB: (244, 143, 177); HEX: #fff176, RGB: (255, 241, 118); HEX: #ffffff, RGB: (255, 255, 255)
Uproszczona wersja palety kolorów
Jasny odcień Niebieski Dodger, Ciemny odcień Koralowy, Jasny odcień Ciemna zieleń morska, Jasny odcień Blady fioletowoczerwony, Jasny odcień Khaki, Biały
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
UX Journey Mapping Kit kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Step Blue | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Action Orange | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Touchpoint Mint | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Emotion Pink | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Highlight Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
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 |
|---|---|---|
#42a5f5 | #ff7043 | 1.03 |
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f48fb1 | 1.18 |
#ff7043 | #81c784 | 1.36 |
#ff7043 | #f48fb1 | 1.23 |
#81c784 | #f48fb1 | 1.1 |
Paleta obrazów UX Journey Mapping Kit png
Eksportuj paletę
Pobierz "UX Journey Mapping Kit" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: