Design System Token Studio
- Spacing Sand#f5f1e7
- Border Ink#292f36
- Font Scale Violet#a89be5
- Palette Snow#faf9f6
- State Highlight Pink#ff8fab
- Shadow Graphite#333333
Utworzono 06/08/2025 14:38
Paleta składa się z kolorów Jasny, Ciemny, Półciemny. Kolory akcentujące Border Ink #292f36 i State Highlight Pink #ff8fab. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #292F36 (najciemniejszy) do #FAF9F6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 2 stonowanych i 2 żywych z 6 kolorów.
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 (2 z 6).
Kody HEX (posortowane): #292F36, #333333, #A89BE5, #F5F1E7, #FAF9F6, #FF8FAB
Paleta Design System Token Studio łączy 6 kodów kolorów:
HEX: #f5f1e7, RGB: (245, 241, 231); HEX: #292f36, RGB: (41, 47, 54); HEX: #a89be5, RGB: (168, 155, 229)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ff8fab, RGB: (255, 143, 171); HEX: #333333, RGB: (51, 51, 51)
Uproszczona wersja palety kolorów
Ciemny odcień Kwiatowa biel, Jasny odcień Czarny, Ciemny odcień Jasny stalowy niebieski, Jasny odcień Biały dym, Jasny odcień Blady fioletowoczerwony, Jasny odcień Czarny
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Design System Token Studio kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f5f1e7 | #f5f1e7 | RGB(245, 241, 231) | Spacing Sand | — |
| #292f36 | #292f36 | RGB(41, 47, 54) | Border Ink | — |
| #a89be5 | #a89be5 | RGB(168, 155, 229) | Font Scale Violet | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Palette Snow | — |
| #ff8fab | #ff8fab | RGB(255, 143, 171) | State Highlight Pink | — |
| #333333 | #333333 | RGB(51, 51, 51) | Shadow Graphite | Carbon |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#f5f1e7 | #faf9f6 | 1.07 |
#f5f1e7 | #ff8fab | 1.9 |
#292f36 | #333333 | 1.06 |
#a89be5 | #ff8fab | 1.15 |
Paleta obrazów Design System Token Studio png
Eksportuj paletę
Pobierz "Design System Token Studio" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: