Mobile UI Interaction Tokens
- Tap Sky#60a5fa
- Drag Lilac#c4b5fd
- Swipe Mint#34d399
- Hold Coral#fb7185
- Drop Cream#fffdf7
- Press Graphite#1f2937
- Bounce Fog#f3f4f6
Utworzono 06/28/2025 20:35
Paleta składa się z kolorów Jasny, Ciemny. Kolory akcentujące Drag Lilac #c4b5fd i Drop Cream #fffdf7. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #FFFDF7 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 71% 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 zimnu (4 z 7).
Kody HEX (posortowane): #1F2937, #34D399, #60A5FA, #C4B5FD, #F3F4F6, #FB7185, #FFFDF7
Paleta Mobile UI Interaction Tokens łączy 7 kodów kolorów:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #34d399, RGB: (52, 211, 153)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #f3f4f6, RGB: (243, 244, 246)
Uproszczona wersja palety kolorów
Jasny odcień Chabrowy, Jasny odcień Jasny stalowy niebieski, Ciemny odcień Średnia akwamaryna, Ciemny odcień Jasnokoralowy, Jasny odcień Kwiatowa biel, Jasny odcień Czarny, Ciemny odcień Biały dym
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Mobile UI Interaction Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Tap Sky | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Drag Lilac | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Swipe Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Hold Coral | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Drop Cream | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Graphite | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Bounce Fog | — |
Kontrast palety kolorów
11 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#60a5fa | #c4b5fd | 1.37 |
#60a5fa | #34d399 | 1.32 |
#60a5fa | #fb7185 | 1.05 |
#c4b5fd | #34d399 | 1.04 |
#c4b5fd | #fb7185 | 1.45 |
#c4b5fd | #fffdf7 | 1.81 |
Paleta obrazów Mobile UI Interaction Tokens png
Eksportuj paletę
Pobierz "Mobile UI Interaction Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: