Generator de variabile CSS

Transformă valorile cu nume într-un bloc de variabile CSS reutilizabil, cu caracterele speciale escapate.

Pe dispozitivul tău · Fără cont

Generator de variabile CSS prelucrează datele introduse în acest browser. Datele introduse și rezultatele sunt excluse din analizele de trafic. Lista instrumentelor recente salvează numele instrumentelor, numărul de vizite și momentul ultimei vizite. Lista instrumentelor salvate păstrează doar numele acestora. Salvarea ciornelor este opțională și se face pe acest dispozitiv; șterge textul salvat folosind comenzile pentru ciornă. Încărcarea textului de la un URL este opțională și contactează serverul respectiv; serverul vede URL-ul și adresa ta IP. Acțiunea opțională „Folosește în” păstrează în această filă datele de transferat. Următorul instrument le șterge la deschidere și le ignoră dacă a trecut mai mult de un minut.

Opțiunea „Copiază linkul” include în adresă datele introduse pe care alegi să le distribui. Oricine are linkul le poate redeschide. Fișierele și rezultatele generate sunt excluse. Instrumentele pentru parole și chei distribuie doar setările.

Română

O pereche nume | valoare pe fiecare rând

Rezultatul tău

Mai mult

Comenzi rapide de la tastatură

Despre linkuri și resetare

Linkurile includ datele introduse și setările tale. Oricine are linkul le poate vedea, așa că nu include text privat. Fișierele și rezultatele generate nu sunt incluse; extragerile aleatorii se repetă.

Resetarea reîncarcă instrumentul cu valorile inițiale, închide fișierele deschise și oprește accesul la dispozitive. Ciornele salvate rămân pe acest dispozitiv până le ștergi.

Cum funcționează

Generatorul de variabile CSS păstrează valorile introduse, elimină cele două cratime de la începutul numelui, dacă există, și respinge numele duplicate, astfel încât o valoare ulterioară să nu o înlocuiască pe cea anterioară fără avertizare.

În continuare: Generator de butoane CSS

Exemplu

accent | #ff6b5e devine --accent: #ff6b5e în interiorul :root. Poți folosi apoi variabila prin var(--accent).

Înainte de a folosi rezultatul

Instrumentul verifică numele și delimitarea declarațiilor, nu dacă fiecare valoare este potrivită pentru o anumită proprietate CSS.

Citează această pagină

Stil de citare

ToolOctopus. “Generator de variabile CSS.” Actualizat 7 octombrie 2026. https://tooloctopus.com/ro/generator-de-variabile-css.

Adaugă data accesării dacă instrucțiunile tale de citare o cer.

Citările sunt formatate cu citeproc-js, creat de Frank Bennett, și cu stiluri Citation Style Language. Licență și cod sursă.