Lipește sau importă un set de culori și exportă-le instant ca variabile CSS, SCSS, configurație Tailwind, JSON sau mostre SVG — pasul final pentru orice paletă.

Lipește valori HEX (una pe linie sau separate prin virgule/spații). rgb() și hsl() sunt acceptate și ele.

Paletă

Nicio culoare validă găsită — verifică inputul.

Format de export
Cod de export

							

Totul rulează în browserul tău — lipește o paletă și copiază cod gata de producție în orice format. Fără înregistrare, complet gratuit.


Despre Exportator de palete

Exportatorul de Palete este pasul final pentru orice paletă de culori: lipește un set de culori și obții cod gata de producție în formatul de care are nevoie proiectul tău. Acceptă valori HEX câte una pe linie sau separate prin virgule și spații, și înțelege și notația rgb() și hsl().

Șase formate de ieșire sunt generate live: proprietăți personalizate CSS, variabile SCSS, un bloc de culori pentru configurația Tailwind, JSON, nuanțe SVG și o listă simplă de HEX. Un prefix configurabil pentru variabile păstrează numele generate consistente cu codul tău, iar fiecare format poate fi copiat în clipboard sau descărcat ca fișier.

Totul rulează în browser — culorile pe care le lipești nu sunt niciodată trimise nicăieri. Se potrivește natural cu celelalte instrumente de paletă: extrage sau generează o paletă în altă parte, lipește-o aici și pleci cu exact fragmentul de cod pe care îl așteaptă foaia ta de stiluri, framework-ul sau pipeline-ul de design.

Cum să utilizați Exportator de palete

  1. Lipește culorile în câmpul de intrare — HEX, rgb() sau hsl(), câte una pe linie sau separate prin virgulă.
  2. Dă clic pe „Actualizează culorile” pentru a le analiza într-o paletă, sau încarcă exemplul pentru a încerca.
  3. Alege un format de export: variabile CSS, SCSS, configurație Tailwind, JSON, nuanțe SVG sau HEX simplu.
  4. Ajustează prefixul variabilei dacă vrei o denumire personalizată.
  5. Copiază codul generat sau descarcă-l ca fișier.

Întrebări frecvente

Sunt recunoscute valorile HEX (cu sau fără semnul #), notația rgb() și hsl(). Poți amesteca formate și separa culorile prin linii noi, virgule sau spații — analizorul identifică fiecare culoare validă și ignoră restul.

Da. Analiza și generarea codului au loc în întregime în browser, deci instrumentul este gratuit, fără cont, fără credite și fără limită la palete sau exporturi.

Lipește culorile, selectează formatul „Configurație Tailwind” și copiază blocul generat în secțiunea de culori a configurației tale Tailwind. Setarea prefixului variabilei controlează numele de cheie folosite pentru fiecare culoare.

Nu. Culorile rămân în tab-ul browserului tău — nicio cerere către server nu este făcută în timpul analizei sau exportului, și nimic nu este salvat odată ce părăsești pagina.

Produce un fișier SVG mic care afișează fiecare culoare din paletă ca o nuanță etichetată. Este util pentru a încorpora o referință vizuală a paletei în documentație, fișiere README sau pagini de predare a designului, fără a face capturi de ecran.


Căutări populare
exportator de paletă exportă culori în css paletă în scss configurație culori tailwind exportă paletă json mostre de culoare svg
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.