Generator gradientów CSS

Ręczne pisanie gradientu liniowego (135deg, #2193b0 0%, #6dd5ed 100%) i ponowne ładowanie strony, aby zobaczyć, to powolna pętla. Ten generator zamyka wszystko: wybierz liniowy, promieniowy lub stożkowy, przeciągnij suwak kąta, ustaw każdy przystanek koloru za pomocą natywnego próbnika kolorów i pozycji procentowej — a podgląd o pełnej szerokości jest odświeżany na każdym pojedynczym wejściu, a gotowa linia tła jest zawsze gotowa do skopiowania.

Trzy typy gradientów obejmują różne zadania. Gradienty liniowe zanikają wzdłuż kierunku i zawierają większość sekcji i przycisków bohatera; gradienty promieniowe rozchodzą się promieniście od środka, zapewniając poświatę i winiety; gradienty stożkowe obiegają środek, a wykresy kołowe i koła kolorów są potęgowane. Możesz zmienić typ w dowolnym momencie – Twoje przystanki zostaną przeniesione, więc porównanie trzech zajmuje kilka sekund.

Maksymalnie sześć stopni kolorów zapewnia miejsce na projekty wielopasmowe, a gotowe strony zawierają sprawdzone kombinacje — ciepły zachód słońca, spokojny ocean i delikatna para pasteli — jako punkty wyjścia, które można modyfikować, a nie puste płótna. Zwróć uwagę na podział pracy: generator palety kolorów na tej stronie wybiera harmonijne, płaskie kolory, a konwerter formatu kolorów tłumaczy wartość pomiędzy HEX, RGB i HSL, podczas gdy to narzędzie wykonuje inne zadanie — zamienia wybrane kolory w gotowy kod gradientu CSS.

Wszystko działa lokalnie w Twojej przeglądarce: bez przesyłania, bez konta, bez przełączania serwera w obie strony, a generator po załadowaniu działa w trybie offline.