Generator de scheme de culori

Alegeți o culoare de bază și obțineți o paletă completă, complementară, analoagă, triadică, tetradică sau monocromatică. Copiați orice mostră ca HEX, RGB sau HSL. Nimic nu părăsește browserul.

Cum funcționează Generator de scheme de culori

Color Scheme Generator construiește palete de culori complete dintr-o singură culoare de bază pe care o alegeți: complementară (opusă pe roata de nuanțe), analogă (nuanțe adiacente), triadică (trei uniform spațiate), tetradică (patru nuanțe în două perechi complementare) și monocromatică (luminozitate și saturație variate ale aceleiași nuanțe). Toată logica de paletă rulează în browser; nimic din ce introduceți nu părăsește dispozitivul dumneavoastră.

Fiecare paletă generată afișează mostre cu valorile lor HEX și RGB gata de copiat. Aceasta oferă designerilor un punct de plecare bazat pe teoria culorilor mai degrabă decât pe ghicire. Deoarece generatorul poate funcționa offline după încărcarea inițială a paginii, puteți experimenta liber cu culorile brandului în timpul unei întâlniri cu clientul fără să aveți nevoie de o conexiune la rețea. Introduceți culoarea de bază în orice notație aveți la dispoziție, HEX, RGB sau HSL, iar fiecare mostră generată vă este redată în toate cele trei, astfel încât să puteți copia varianta pe care o așteaptă instrumentul dumneavoastră de design.

Scris de Bastien Sulyan

Cum se folosește Generator de scheme de culori, pas cu pas

Alegeți o culoare de bază folosind selectorul de culori sau tastând o valoare HEX.
Alegeți un tip de armonie din tab-uri: complementară, analogă, triadică, tetradică sau monocromatică.
Mostrele de paleta apar instantaneu cu valorile lor HEX și RGB.
Da clic pe orice mostra pentru a copia valoarea HEX în clipboard.
Ajustați culoarea de bază pentru a explora variații și urmăriți cum se actualizează întreaga paleta.

Cazuri de utilizare frecvente

Un designer care începe o nouă identitate de brand alege culoarea primara și generează o paleta triadică pentru a propune combinații de trei culori unui client.
Un dezvoltator care construiește o tema dark-mode folosește paleta monocromatică pentru a genera o gama de nuante mai deschise și mai inchise dintr-o singură culoare de brand.
Un creator de conținut alege o paleta analogă pentru a selecta culori de accent pentru o prezentare care să para coerentă fără contrast agresiv.
Un designer UI folosește paleta complementară pentru a identifica o culoare de accent cu contrast ridicat care să iasă în evidență față de culoarea principală a brandului.

Întrebări frecvente

Cum funcționează paleta complementară?

O culoare complementară este nuanță direct opusa culorii de bază pe roata de culori HSL, la 180 de grade distanța. Plasarea culorilor complementare una lângă alta creează contrast maxim. Unealta afișează culoarea de bază și complementară să, plus variante mai deschise și mai inchise ale fiecareia.

Care este diferența dintre paletele triadice și tetradice?

O paleta triadică folosește trei nuante uniform spatiate la 120 de grade una de alta pe roata de culori. O paleta tetradică folosește patru nuante la 90 de grade una de alta, formand două perechi complementare (numita și dublu complementară sau paleta pătrată). Paletele tetradice sunt mai complexe și necesită o echilibrare atentă a proportiilor pentru a evita zgomotul vizual.

Sunt culorile pe care le aleg stocate sau trimise undeva?

Nu. Generarea paletei este aritmetică pe reprezentarea HSL a culorii de bază: rotirea unghiului de nuanță cu cantități fixe, schimbarea luminozitații și saturatiei. Fiecare calcul rulează local în browser; nimic nu este trimis vreunui server.

Pot exporta paleta ca un fișier CSS sau fișier token de design?

Unealta afișează în prezent mostre cu valori HEX și RGB de copiat. Pentru un export complet de proprietăți personalizate CSS sau un token de design JSON, copiați valorile manual în fișierul de tokeni sau CSS al proiectului dumneavoastră. Un buton de export dedicat poate fi adăugat într-o actualizare viitoare.

Respecta acest generator vreun standard formal al teoriei culorilor?

Calculele de paleta folosesc formule standard de rotație de nuanță în spațiul de culori HSL, care este convenția din majoritatea uneltelor de design web. Uniformitatea perceptuală exactă a HSL are limitari comparativ cu LAB sau OKLCH, dar rotațiile HSL produc palete care corespund conventiilor roatei de culori pe care designerii le așteaptă de obicei.

Instrumente conexe

Păstrează totul local, explorează instrumente complementare.

Toate instrumentele pentru dezvoltatori