Utworzono o godz 06/09/2025 08:14
Custom CSS Token Library
- Var Emerald#50c878
- Token Dust#e5e5e5
- Reference Grape#8a6eca
- Default Slate#6b7280
- Background White#ffffff
- Fallback Graphite#2a2a2a
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Var Emerald #50c878 i Background White #ffffff. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #2A2A2A (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma).
Większość kolorów jest bliska neutralnej lub bardzo mało nasycona; relacje między barwami są subtelne.
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #2A2A2A, #50C878, #6B7280, #8A6ECA, #E5E5E5, #FFFFFF
Paleta Custom CSS Token Library zawiera kombinację kolorów kodów 6:
KLĄTWA: #50c878, RGB: (80, 200, 120); KLĄTWA: #e5e5e5, RGB: (229, 229, 229); KLĄTWA: #8a6eca, RGB: (138, 110, 202)
KLĄTWA: #6b7280, RGB: (107, 114, 128); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #2a2a2a, RGB: (42, 42, 42)
Uproszczona wersja palety kolorów
Cień mediumseagreen, Cień gainsboro, Odcień mediumpurple, Odcień slategrey, Biały, Cień Czarny
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Custom CSS Token Library kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #50c878 | #50c878 | RGB(80, 200, 120) | Var Emerald | Emerald Reflection |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Token Dust | Gray90 |
| #8a6eca | #8a6eca | RGB(138, 110, 202) | Reference Grape | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Default Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Fallback Graphite | The End |
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 |
#50c878 | #e5e5e5 | 1.68 |
#50c878 | #8a6eca | 1.91 |
#e5e5e5 | #ffffff | 1.25 |
#8a6eca | #6b7280 | 1.18 |
Paleta obrazów Custom CSS Token Library png
Eksportuj paletę
Pobierz "Custom CSS Token Library" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: