Generator odcieni kolorów
Generuj warianty jasnych i ciemnych odcieni dowolnego koloru. Dostosuj liczbę kroków i eksportuj jako paletę Tailwind CSS.
Wybierz kolor bazowy
Tinty (jaśniejsze kolory)
Jaśniejsze warianty tworzone przez mieszanie bieli z kolorem bazowym
Odcienie (ciemniejsze kolory)
Ciemniejsze warianty tworzone przez mieszanie czerni z kolorem bazowym
Jak używać
Wybierz kolor
Określ kolor przez próbnik lub kod HEX
Generuj odcienie
Odcienie od jasnych do ciemnych generowane automatycznie
Kopiuj
Skopiuj kody kolorów żądanych odcieni
Funkcje
Kontrola kroków
Dostosuj liczbę kroków odcieni
Wiele formatów
Kopiuj w formatach HEX, RGB, HSL
Eksport palety
Eksportuj paletę w formacie Tailwind CSS
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.