Utworzono o godz 07/16/2025 20:23
Full-Stack Design Tokens for Web Apps
- Token Indigo#3c3c88
- Element Ivory#fdfdfd
- Layer Blue#5089c6
- Schema Coral#ff8474
- State Management Gray#a7a9be
- Context Mint#bbe2c6
- Variant Yellow#fce77d
Paleta składa się z kolorów Światło. Kolory akcentujące Layer Blue #5089c6 i Schema Coral #ff8474. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.
Według jasności paleta rozciąga się od #3C3C88 (najciemniejszy) do #FDFDFD (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
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): #3C3C88, #5089C6, #A7A9BE, #BBE2C6, #FCE77D, #FDFDFD, #FF8474
Paleta Full-Stack Design Tokens for Web Apps zawiera kombinację kolorów kodów 7:
KLĄTWA: #3c3c88, RGB: (60, 60, 136); KLĄTWA: #fdfdfd, RGB: (253, 253, 253); KLĄTWA: #5089c6, RGB: (80, 137, 198)
KLĄTWA: #ff8474, RGB: (255, 132, 116); KLĄTWA: #a7a9be, RGB: (167, 169, 190); KLĄTWA: #bbe2c6, RGB: (187, 226, 198)
KLĄTWA: #fce77d, RGB: (252, 231, 125)
Uproszczona wersja palety kolorów
Odcień darkslateblue, Odcień Biały, Cień steelblue, Cień salmon, Odcień lightsteelblue, Odcień honeydew, Cień Khaki
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Full-Stack Design Tokens for Web Apps kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #3c3c88 | #3c3c88 | RGB(60, 60, 136) | Token Indigo | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Element Ivory | Brilliance |
| #5089c6 | #5089c6 | RGB(80, 137, 198) | Layer Blue | — |
| #ff8474 | #ff8474 | RGB(255, 132, 116) | Schema Coral | — |
| #a7a9be | #a7a9be | RGB(167, 169, 190) | State Management Gray | — |
| #bbe2c6 | #bbe2c6 | RGB(187, 226, 198) | Context Mint | — |
| #fce77d | #fce77d | RGB(252, 231, 125) | Variant Yellow | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#fdfdfd | #bbe2c6 | 1.39 |
#fdfdfd | #fce77d | 1.22 |
#5089c6 | #ff8474 | 1.53 |
#5089c6 | #a7a9be | 1.58 |
#ff8474 | #a7a9be | 1.02 |
#ff8474 | #bbe2c6 | 1.68 |
Paleta obrazów Full-Stack Design Tokens for Web Apps png
Eksportuj paletę
Pobierz "Full-Stack Design Tokens for Web Apps" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: