Cross-Device App Design Tokens
- Responsive Indigo#6366f1
- Touch Mist#f3f4f6
- Resize Gold#facc15
- Screen Slate#334155
- Breakpoint Cream#fff7ed
- Click Coral#f87171
- Flex Black#1f2937
Utworzono 06/27/2025 17:27
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Responsive Indigo #6366f1 i Breakpoint Cream #fff7ed. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #FFF7ED (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma) — 57% 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 (3 z 7).
Kody HEX (posortowane): #1F2937, #334155, #6366F1, #F3F4F6, #F87171, #FACC15, #FFF7ED
Paleta Cross-Device App Design Tokens łączy 7 kodów kolorów:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #facc15, RGB: (250, 204, 21)
HEX: #334155, RGB: (51, 65, 85); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #f87171, RGB: (248, 113, 113)
HEX: #1f2937, RGB: (31, 41, 55)
Uproszczona wersja palety kolorów
Ciemny odcień Średni łupkowy niebieski, Ciemny odcień Biały dym, Ciemny odcień Złoty, Ciemny odcień Ciemny łupkowy niebieski, Ciemny odcień Kwiatowa biel, Ciemny odcień Jasnokoralowy, Jasny odcień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Cross-Device App Design Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Responsive Indigo | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Touch Mist | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Resize Gold | — |
| #334155 | #334155 | RGB(51, 65, 85) | Screen Slate | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Breakpoint Cream | Fatback |
| #f87171 | #f87171 | RGB(248, 113, 113) | Click Coral | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Flex Black | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#6366f1 | #f87171 | 1.61 |
#f3f4f6 | #facc15 | 1.39 |
#f3f4f6 | #fff7ed | 1.03 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #f87171 | 1.8 |
#334155 | #1f2937 | 1.41 |
Paleta obrazów Cross-Device App Design Tokens png
Eksportuj paletę
Pobierz "Cross-Device App Design Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: