Utworzono o godz 06/30/2025 17:49
App Navigation UX Tokens
- Route Indigo#4f46e5
- Breadcrumb Cream#fefce8
- Tab Coral#fb7185
- Drawer Mint#6ee7b7
- Hover Slate#64748b
- Page Fog#f3f4f6
- Redirect Jet#0a0a0a
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Tab Coral #fb7185 i Drawer Mint #6ee7b7. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #0A0A0A (najciemniejszy) do #F3F4F6 (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): #0A0A0A, #4F46E5, #64748B, #6EE7B7, #F3F4F6, #FB7185, #FEFCE8
Paleta App Navigation UX Tokens zawiera kombinację kolorów kodów 7:
KLĄTWA: #4f46e5, RGB: (79, 70, 229); KLĄTWA: #fefce8, RGB: (254, 252, 232); KLĄTWA: #fb7185, RGB: (251, 113, 133)
KLĄTWA: #6ee7b7, RGB: (110, 231, 183); KLĄTWA: #64748b, RGB: (100, 116, 139); KLĄTWA: #f3f4f6, RGB: (243, 244, 246)
KLĄTWA: #0a0a0a, RGB: (10, 10, 10)
Uproszczona wersja palety kolorów
Odcień slateblue, Odcień ivory, Odcień lightcoral, Odcień aquamarine, Odcień slategrey, Odcień whitesmoke, Cień Czarny
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
App Navigation UX Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Route Indigo | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Breadcrumb Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Tab Coral | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Drawer Mint | — |
| #64748b | #64748b | RGB(100, 116, 139) | Hover Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Page Fog | — |
| #0a0a0a | #0a0a0a | RGB(10, 10, 10) | Redirect Jet | Existential Angst |
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 |
#4f46e5 | #64748b | 1.32 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f3f4f6 | 1.06 |
#fb7185 | #6ee7b7 | 1.76 |
#fb7185 | #64748b | 1.76 |
#6ee7b7 | #f3f4f6 | 1.38 |
Paleta obrazów App Navigation UX Tokens png
Eksportuj paletę
Pobierz "App Navigation UX Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: