Generator de palete de culori: scheme, nuanțe și export

Gratuit, fără înregistrare, funcționează în browser. Generează o paletă de cinci culori cu bara de spațiu, blochează ce-ți place sau pornește de la culoarea ta. Exportă în CSS, Tailwind, JSON sau HEX.

sau apasă Spațiu. Blochează culorile care îți plac ca să le păstrezi.

Editează
Editează
Editează
Editează
Editează

Construiește dintr-o culoare

Culoarea de bază

Armonie

Armoniile de culori rotesc nuanța pe cercul cromatic: analoga rămâne aproape, complementara ia partea opusă, iar triadica așază trei nuanțe egal distanțate.

Nuanțele lui #2F5BFF

Apasă o nuanță ca s-o copiezi. Alege altă culoare din paletă ca să-i vezi nuanțele.

Exportă

Variabile CSSTailwindJSONListă HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Paletele se creează pe dispozitivul tău.

De ce să folosești Generator de palete de culori

100% gratuit: Folosește-l oricât de des vrei. Fără înregistrare, fără filigran, nimic de instalat.
Privat prin design: Ce scrii rămâne în browser și nu ne este trimis niciodată.
Funcționează pe orice dispozitiv: Rulează în browser pe Windows, Mac, Linux, Android și iPhone. Nu e nevoie de aplicație.

Cum să folosești Generator de palete de culori

Apasă Generează paleta sau apasă bara de spațiu până vezi culori care îți plac.
Apasă Blochează la orice culoare ca s-o păstrezi cât timp celelalte se schimbă. Folosește Editează ca să ajustezi fin o culoare cu selectorul.
Ca să pornești de la propria culoare, scrie-o la Construiește din o culoare, alege o armonie (analoagă, complementară, complementară divizată, triadică, tetradică sau monocromatică) și apasă Aplică.
Apasă codul HEX al unei culori ca să vezi cele 11 nuanțe, de la 50 la 950. Apasă o nuanță ca s-o copiezi.
La Export, alege variabile CSS, Tailwind, JSON sau listă HEX, apoi Copiază sau Descarcă.

Întrebări frecvente

Cum fac o paletă de culori dintr-o singură culoare?

Scrie sau alege culoarea la Construiește din o culoare, alege o armonie și apasă Aplică. Primești cinci culori care se potrivesc cu ea, iar culorile pe care le-ai blocat rămân așa cum sunt.

Ce sunt armoniile de culori?

Seturi de culori alese după poziția lor pe cercul cromatic. Culorile analoage stau alăturate, cele complementare sunt una în fața celeilalte, complementara divizată folosește cele două de o parte și de alta a opusului, triadica împarte uniform trei nuanțe, tetradica folosește patru, iar monocromatica păstrează o nuanță în luminozități diferite.

Ce armonie să aleg?

Analoagele și monocromaticele dau o senzație calmă și se potrivesc majorității site-urilor și brandurilor. Complementarele și triadicele dau contrast mai puternic, ceea ce se potrivește accentelor, butoanelor și designurilor vesele.

Ce sunt nuanțele și tonurile?

Versiuni mai închise și mai deschise ale aceleiași culori. Scara de nuanțe are unsprezece trepte, de la 50 (cea mai deschisă) la 950 (cea mai închisă), în aceeași nuanță, așa cum le denumesc sistemele de design.

Cum folosesc paleta în codul meu?

Exportă-o ca variabile CSS (--color-1 până la --color-5), un bloc Tailwind @theme, un array JSON sau o listă simplă de coduri HEX, apoi copiaz-o sau descarc-o ca fișier.

Funcționează exportul Tailwind cu Tailwind CSS v4?

Da. Este un bloc @theme cu --color-palette-100 până la --color-palette-500, pe care Tailwind v4 le transformă în clase precum bg-palette-100. Pentru v3, copiază codurile HEX în secțiunea colors din configurație.

Pot păstra unele culori și să le schimb pe celelalte?

Da. Blochează culorile pe care vrei să le păstrezi. Generează paleta și Aplică schimbă doar culorile neblocate, iar o paletă aleatorie este construită să se potrivească cu prima culoare blocată.