Generator de Tonuri și Umbre
Generează automat tonurile mai deschise și umbrele mai întunecate ale oricărui culori, cu codul HEX al acesteia.
Cum să generezi nuanțe și umbre ale unui color
Alege un color de bază
Selectează culoarea de pornire cu selectorul vizual sau introdu codul HEX.
Consultă nuanțele și umbrele
Vei vedea automat 5 nuanțe mai deschise (tente) și 5 mai întunecate (umbre) generate din culoarea ta.
Copiază codul HEX de care ai nevoie
Fă clic pe orice mostră pentru a copia codul HEX în clipboard.
Întrebări frecvente despre generatorul de tonuri și umbre
Având variantele mai deschise și mai închise ale unei culori este esențial pentru a crea o paletă de design coerentă (de exemplu, pentru stări hover, funduri sau borduri). Acest instrument le calculează automat.
Care este diferența dintre un ton (tint) și o umbră (shade)?
+
O nuanță se obține prin amestecarea culorii cu alb (iluminând-o) și o umbră prin amestecarea acesteia cu negru (întunecând-o).
Câte variante generează?
+
Generează 5 nuanțe mai deschise și 5 umbre mai întunecate din culoarea ta de bază, 10 în total.
Pot copia codurile?
+
Da, fă clic pe orice culoare din listă pentru a copia codul HEX al acesteia.
Merge pentru a crea o paletă de design tip Tailwind?
+
Da, este exact același concept ca scalele de culori 50-900 folosite de multe sisteme de design.
Este gratuit?
+
Da, acest instrument este complet gratuit.
Se încarcă culoarea mea pe vreun server?
+
Nu, toate calculele se fac direct în browserul tău.
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ță.
Generator de gradient CSS
Creează degradeuri liniare sau radiale cu până la 4 culori și copiază codul CSS gata de utilizare.
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.
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.
