Generator palety kolorów
Wybierz lub wpisz kolor bazowy, a to narzędzie przekonwertuje go na HSL i wygeneruje wokół niego trzy gotowe do użycia palety — komplementarną, analogiczną i triadyczną — dzięki czemu szybko sprawdzisz kombinacje kolorów do projektu. Kliknij dowolną próbkę, aby skopiować jej kod hex.
Komplementarna
Analogiczna
Triadyczna
Jak to działa
Kolory są konwertowane na HSL (odcień, nasycenie, jasność), dzięki czemu nowe kolory można tworzyć po prostu obracając odcień. Paleta komplementarna dodaje kolor leżący dokładnie naprzeciwko na kole barw (+180°); paleta analogiczna dodaje dwa sąsiednie odcienie (±30°); paleta triadyczna dodaje dwa odcienie rozmieszczone równomiernie na kole (+120° i +240°).
Wskazówka
Kliknij dowolną próbkę, aby skopiować jej kod hex do schowka — przydatne do wklejenia bezpośrednio w narzędziu projektowym lub w CSS.
Której palety powinienem użyć?
Palety komplementarne tworzą wyraźny kontrast i dobrze sprawdzają się dla pojedynczego koloru akcentu; palety analogiczne wyglądają spokojnie i spójnie, świetnie nadają się do teł i gradientów; palety triadyczne są żywe i zrównoważone, przydatne, gdy potrzebujesz trzech kolorów, które równie mocno się wyróżniają.
Więcej narzędzi w tej kategorii
Kalkulator ekspozycji
Znajdź równoważne ustawienia ekspozycji dla przysłony, czasu naświetlania i ISO.
Kalkulator proporcji obrazu
Skaluj obraz lub wideo proporcjonalnie i znajdź uproszczone proporcje.
Generator gradientów CSS
Zaprojektuj liniowy lub radialny gradient CSS i skopiuj wygenerowany kod.
Sprawdzanie kontrastu
Sprawdź, czy kolor tekstu i tła spełniają wytyczne kontrastu WCAG.
Konwerter formatów kolorów
Błyskawicznie konwertuj dowolny kolor między HEX, RGB, HSL i CMYK, z kopiowaniem jednym kliknięciem dla każdego formatu.
Generator skali typograficznej
Wygeneruj harmonijny zestaw rozmiarów czcionek na podstawie rozmiaru bazowego i współczynnika skali, gotowy do skopiowania jako blok właściwości niestandardowych CSS.