Zbuduj swój zestaw gradientów
Wybierz typ podstawowy, zdefiniuj do czterech punktów koloru, a następnie wygeneruj galerię wariantów. Puste punkty dodatkowe są bezpiecznie ignorowane.
Wyróżniony eksport
Ten wynik odzwierciedla wybrany typ podstawowy. Karty galerii poniżej pokazują alternatywne kierunki i style przy użyciu tych samych kolorów.
Renderowanie może się nieznacznie różnić między przeglądarkami, a duże gradienty stożkowe mogą wykazywać "pasmowanie" na niektórych ekranach. Eksportowane pozycje są ograniczone do zakresu 0-100 i zaokrąglane do liczb całkowitych dla przewidywalnego kodu CSS.
Galeria gradientów
Porównaj wygenerowane warianty obok siebie, a następnie skopiuj wersję, która najlepiej pasuje do Twojego układu, zamiast ręcznie zmieniać parametry.
Jak to działa
Generator pobiera aktywne punkty koloru, czyści każdą wartość i buduje bazowy ciąg gradientu. Na tej podstawie tworzy małą galerię powiązanych kątów, rozmieszczeń radialnych i rotacji stożkowych, dzięki czemu możesz przejrzeć realistyczne alternatywy bez zmiany palety kolorów.
Używane są tylko poprawne kolory hex. Opcjonalne puste kolory są pomijane. Pozycje punktów są sortowane tylko wtedy, gdy dane są już poprawne; jeśli punkt ma mniejszą wartość niż poprzedni, strona zgłasza błąd zamiast cichej zmiany danych. Dzięki temu wyeksportowany kod CSS jest zgodny z tym, co wprowadzono.
Akcje kopiowania najpierw próbują użyć Clipboard API, a w razie potrzeby korzystają z tymczasowego obszaru tekstowego. Jeśli kopiowanie jest niedostępne, kod CSS pozostaje widoczny w bloku kodu, który można zaznaczyć ręcznie.