Generator Odcieni Kolorów
Generuj odcienie i tinte dla dowolnego koloru. Wybierz kolor bazowy i liczbę odcieni, otrzymaj wartości HEX, RGB i HSL. Bezpłatnie, 100% w przeglądarce.
Dokumentacja
Czym są tinty i cienie?
W teorii koloru tinta to dowolny kolor zmieszany z bielą (jaśniejszy), a cień to dowolny kolor zmieszany z czernią (ciemniejszy). Razem tworzą paletę monochromatyczną — wariacje jednego odcienia przy różnych poziomach jasności. To narzędzie generuje kompletną skalę od bieli przez kolor bazowy do czerni, dając gotową do użycia rampę kolorów do projektowania i rozwoju.
Zastosowania odcieni kolorów
Systemy projektowe — generuj 9- lub 11-stopniową skalę odcieni dla koloru marki, podążając wzorem używanym przez Tailwind CSS (50–950), Material Design i większość nowoczesnych systemów projektowych. Stany komponentów UI — używaj jaśniejszych tint na tła i stany hover, koloru bazowego na akcje główne, a ciemniejszych cieni na tekst, obramowania i stany aktywne. Wizualizacja danych — twórz sekwencyjne skale kolorów od jasnego do ciemnego dla map choropletowych, map ciepła i wykresów, gdzie intensywność reprezentuje wielkość. Dostępność — znajdź pary odcieni spełniające wymagania współczynnika kontrastu WCAG (4,5:1 dla normalnego tekstu, 3:1 dla dużego tekstu).
Jak generowane są odcienie
Odcienie są generowane przez liniową interpolację w przestrzeni RGB od bieli (#FFFFFF) przez kolor bazowy do czerni (#000000). Dla N odcieni kolor bazowy pojawia się w środku skali. Każdy krok miesza równomiernie, tworząc spójną progresję jasności. Wynik dostępny jest w formatach HEX, RGB i HSL — kopiuj poszczególne wartości lub całą paletę naraz.
Prywatność
Generowanie kolorów odbywa się 100% w przeglądarce. Żadne dane nie są wysyłane na serwer.