Generator odcieni kolorów
Odcienie dowolnego koloru.
Stałe tokeny 50–950; 50 jest najjaśniejszy, 950 najciemniejszy, a 500 to dokładnie kolor wejściowy.
Proporcje UI? Kalkulator proporcji · harmonie: Generator palety kolorów · WCAG: Sprawdzanie kontrastu kolorów.
Zbuduj paletę kolorów
Wygeneruj stałą, percepcyjną skalę systemu projektowego 50–950 albo własne kroki tonów/odcieni, a następnie skopiuj właściwości niestandardowe CSS lub pobierz JSON.
FAQ
Co to jest tint i shade?
Rozjaśnienie jest jaśniejszym wariantem koloru, a przyciemnienie — ciemniejszym. To narzędzie reguluje percepcyjną jasność i chromę OKLCH zamiast interpolować zakodowane kanały sRGB.
Jak skopiować kolor?
Kliknij dowolną próbkę, aby skopiować jej wartość HEX. Użyj opcji Kopiuj zmienne CSS lub Pobierz JSON, aby wyeksportować pełną skalę.
W czym to jest przydatne?
Tworzenie palet kolorów i skal systemu projektowego z jednego koloru marki — eksportuj je jako niestandardowe właściwości CSS lub tokeny w stylu Tailwind.
Ostatnia aktualizacja: