Generator de gradient CSS
Creează degradeuri liniare sau radiale cu până la 4 culori și copiază codul CSS gata de utilizare.
Cum să creezi un gradient CSS online
Alege tipul de gradient
Selectează liniar sau radial, în funcție de efectul pe care dorești să îl obții.
Adaugă și ajustează culorile
Adaugă până la 4 culori, schimbă ordinea lor și ajustează unghiul sau poziția gradientului.
Copiază codul CSS
Apasă butonul de copiere și lipește codul direct în foaia de stiluri.
Întrebări frecvente despre generatorul de gradiente
Gradientele sunt o modalitate simplă de a adăuga adâncime și stil oricărui design web. Acest instrument generează codul CSS exact de care ai nevoie, fără a trebui să-l scrii manual.
Ce tipuri de gradient pot crea?
+
Puteți crea degradeuri liniare (la orice unghi) și radiale.
Câte culori pot folosi?
+
Puteți combina între 2 și 4 culori în același gradient.
Codul funcționează în toți browserele?
+
Da, se generează cu sintaxa CSS standard, compatibilă cu toți browserele moderne.
Trebuie să instalez vreun program?
+
Nu, nu trebuie să instalezi nimic. Funcționează direct din browser.
Este gratuit?
+
Da, acest instrument este complet gratuit.
Pot folosi gradientul ca fundal de imagine?
+
Codul generat este CSS pur; dacă ai nevoie de o imagine, poți face o captură de ecran a previzualizării.
Culori
Convertor de culori (HEX, RGB, HSL, CMYK)
Convertește orice culoare între HEX, RGB, HSL și CMYK instantaneu, cu previzualizare în timp real și cel mai apropiat nume de culoare.
Generator de palete de culori
Creează palete armonioase de 5 culori (complementare, analoge, triadice sau monocrome) pe baza unei culori de referință.
Verificator de contrast WCAG
Verifică dacă combinația de culoare a textului și fundalului îndeplinește nivelurile de accesibilitate AA și AAA.
Culoare aleatorie
Generează o culoare aleatorie cu un clic și descoperă numele ei, codul HEX/RGB/HSL și culorile similare.
Selector de culoare (contagocce)
Alege orice culoare de pe ecranul tău cu instrumentul pipetă din navigator sau folosește selectorul clasic.
Simulator de daltonism
Încarcă o imagine și verifică cum ar vedea-o persoanele cu protanopie, deuteranopie sau tritanopie.
Generator de Gradiente Mesh
Creează funduri cu gradiente mesh (plăci de culoare estompate) și descarcă-le în PNG sau copiază codul CSS.
Generator de Tonuri și Umbre
Generează automat tonurile mai deschise și umbrele mai întunecate ale oricărui culori, cu codul HEX al acesteia.
Mixer de Culori
Amestecă două culori și descoperă tonurile intermediare pas cu pas, cu codul HEX al fiecăreia.
Roata Culorilor (Armonii)
Alege o culoare pe roată și descoperă combinațiile sale armonioase: complementare, analoge, triadice și multe altele.
Extractor de Paletă din Imagine
Încarcă o imagine și extrage automat culorile sale dominante într-o paletă, cu codul HEX pentru fiecare.
Culoarea Medie a unei Imagini
Încarc o imagine și calculează instantaneu culoarea sa medie, cu codul HEX, RGB și HSL.
Explorează culorile pe familie
Peste 469 de culori denumite, cu codul lor HEX, RGB, HSL și CMYK, organizate în 12 familii de nuanțe.
