Jak stworzyć paletę kolorów gradientu
Wybierz kolor początkowy i końcowy, wpisując ich kod albo za pomocą próbnika, oraz liczbę odcieni między nimi, od 3 do 12. Kolory pośrednie są obliczane w przestrzeni barw, która naśladuje ludzki wzrok (OKLab), więc przejścia między odcieniami wyglądają równo, a w środku nie pojawiają się brudne szarości.
Paleta gradientu czy płynny gradient
To narzędzie daje ci osobne kolory, każdy z kodem, do używania pojedynczo: w skali Tailwind, na wykresach, w prezentacji czy w sekcjach strony. Jeśli potrzebujesz tła, które płynnie przechodzi z jednego koloru w drugi, skorzystaj z generatora gradientów CSS.
Najczęściej zadawane pytania
Czym jest paleta kolorów gradientu?
To seria kolorów, które stopniowo przechodzą z jednego koloru w drugi. Na przykład z różowego w błękitny w 7 krokach. Każdy kolor ma własny kod HEX i można go używać osobno.
Ile kolorów może mieć paleta?
Od 3 do 12. Przy małej liczbie kolorów skoki są bardziej widoczne; przy dużej przejście jest łagodniejsze i masz więcej odcieni do wyboru.
W jakich formatach mogę ją wyeksportować?
Jako zmienne CSS z gotowym gradientem, listę kodów HEX, konfigurację Tailwind, JSON, SVG lub obraz PNG. Możesz też otworzyć ją w generatorze palet i dalej edytować.
Dlaczego odcienie pośrednie nie są szare?
Bo mieszanie jest obliczane w OKLab, przestrzeni barw zaprojektowanej z myślą o ludzkim wzroku. Proste mieszanie RGB przeciwstawnych kolorów, np. różowego i zielonego, przechodzi przez zgaszone tony; w OKLab przejście jest czystsze i bardziej równe.
Czy mogę udostępnić swoją paletę?
Tak. Adres strony zapamiętuje oba kolory i liczbę odcieni, więc wystarczy go skopiować i wysłać.
Czym to się różni od generatora gradientów?
Generator gradientów tworzy ciągłe tło w CSS. To narzędzie daje ci osobne kolory, które leżą między dwoma kolorami, do używania pojedynczo.
Czy to jest darmowe?
Tak, bez rejestracji i bez limitów. Ulubione gradienty możesz zapisać serduszkiem; zostają zapisane w tej przeglądarce.