Utworzono o godz 07/22/2025 16:56
Semantic React Design Tokens
- JSX Purple#937dc2
- Hook Green#4ade80
- Component Beige#fff3e2
- State Black#212121
- Render Sky#b2e0ff
- Theme Silver#ececec
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Component Beige #fff3e2 i Render Sky #b2e0ff. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFF3E2 (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): #212121, #4ADE80, #937DC2, #B2E0FF, #ECECEC, #FFF3E2
Paleta Semantic React Design Tokens zawiera kombinację kolorów kodów 6:
KLĄTWA: #937dc2, RGB: (147, 125, 194); KLĄTWA: #4ade80, RGB: (74, 222, 128); KLĄTWA: #fff3e2, RGB: (255, 243, 226)
KLĄTWA: #212121, RGB: (33, 33, 33); KLĄTWA: #b2e0ff, RGB: (178, 224, 255); KLĄTWA: #ececec, RGB: (236, 236, 236)
Uproszczona wersja palety kolorów
Cień mediumpurple, Cień mediumspringgreen, Odcień oldlace, Cień Czarny, Cień lightskyblue, Odcień whitesmoke
Schemat kolorów został stworzony przez colorday
Kody kolorów w palecie
Semantic React Design Tokens kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #937dc2 | #937dc2 | RGB(147, 125, 194) | JSX Purple | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Hook Green | — |
| #fff3e2 | #fff3e2 | RGB(255, 243, 226) | Component Beige | — |
| #212121 | #212121 | RGB(33, 33, 33) | State Black | Lead |
| #b2e0ff | #b2e0ff | RGB(178, 224, 255) | Render Sky | — |
| #ececec | #ececec | RGB(236, 236, 236) | Theme Silver | — |
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 |
#4ade80 | #fff3e2 | 1.59 |
#4ade80 | #b2e0ff | 1.24 |
#4ade80 | #ececec | 1.47 |
#fff3e2 | #b2e0ff | 1.27 |
#fff3e2 | #ececec | 1.07 |
#b2e0ff | #ececec | 1.18 |
Paleta obrazów Semantic React Design Tokens png
Eksportuj paletę
Pobierz "Semantic React Design Tokens" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: