Generator zmiennych CSS

Zamień nazwane wartości w blok zmiennych CSS do ponownego użycia, z odpowiednim zapisem znaków specjalnych.

Na Twoim urządzeniu · Bez konta

Generator zmiennych CSS przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

Jedna para nazwa | wartość w każdym wierszu

Twój wynik

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Jak to działa

Generator zmiennych CSS zachowuje podane wartości, usuwa opcjonalne dwa łączniki na początku nazwy i odrzuca powtarzające się nazwy, aby późniejsza wartość nie zastąpiła wcześniejszej bez ostrzeżenia.

Dalej: Generator przycisków CSS

Przykład

accent | #ff6b5e zamienia się w --accent: #ff6b5e wewnątrz :root. Później możesz użyć tej zmiennej jako var(--accent).

Zanim użyjesz wyniku

Narzędzie sprawdza nazwy i granice deklaracji, ale nie ocenia, czy dana wartość pasuje do konkretnej właściwości CSS.

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Generator zmiennych CSS.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/generator-zmiennych-css.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.