Cum generez o paletă de culori pornind de la o culoare de brand?

Introdu un cod hex, un nume de culoare precum turcoaz sau o valoare rgb() ori hsl() în câmpul Culoare de bază și apasă Enter. Apoi alege un tip, cum ar fi Paletă de brand, Complementară, Triadică sau Monocromatică, și dă clic pe un eșantion pentru a-l copia.

Ce formate de export acceptă generatorul de palete?

Poți copia culorile ca hex, rgb, hsl sau oklch și poți exporta fișiere CSS, SCSS, JSON, scară Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE sau Photoshop ACO. Opțiunile pe care le vezi depind de controalele de export.

Cum pot verifica dacă paleta mea de culori este lizibilă pe alb sau negru?

Fiecare culoare afișează etichete Pe alb și Pe negru cu nivelurile WCAG: AAA, AA, AA mare sau Eșuat. Secțiunea Verificare text și fundal îți permite, de asemenea, să alegi o culoare de text și un fundal pentru a testa o pereche anume.

Cum păstrez anumite culori și le reamestec pe celelalte?

Dă clic pe Blochează această culoare pe eșantioanele pe care vrei să le păstrezi, apoi apasă Amestecă. Culorile blocate rămân, iar celelalte se schimbă. Poți folosi și Editează această culoare pentru a modifica un singur eșantion, ceea ce marchează paleta ca editată.

Pot partaja paleta mea sau alege o culoare de pe ecran?

„Distribuie rezultatul” creează un link care conține culoarea de bază, tipul și toate modificările, astfel încât oricine îl deschide vede aceeași paletă. Pe telefon se deschide panoul de distribuire; pe computer link-ul se copiază. „Alege de pe ecran” folosește instrumentul EyeDropper al browserului, disponibil doar în browserele care îl acceptă, în principal cele bazate pe Chromium.

Da. Fiecare unealtă este gratuită, fără cont și fără card de credit. Procesarea se face pe dispozitivul tău, nu pe serverele noastre, ceea ce ne permite să le oferim gratuit.

Funcționează pe mobil?

Da. Funcționează în browserele mobile actuale de pe iOS și Android, fără nimic de instalat.

🎨

Generator Paletă de Culori — gratuit

Generează palete de culori complementare, analoge, triadice și monocromatice din orice culoare de bază. Copiază codurile hex cu un singur clic.

Rulează în browserFără înregistrare, fără ferestre pop-upFără autentificare necesarăGratuit pentru totdeauna

Funcționează offline odată încărcat

Culoare de bază

Scrie un cod hex, un nume de culoare precum teal sau tomato, sau rgb(20, 184, 166) / hsl(174, 80%, 40%), apoi apasă Enter.

Paletă de brand · 7 culori

Format de copiere

Exportă:Etichete hex pe PNG/SVG

Bază

Pe alb 2,5Eșuat

Pe negru 8,4AAA

Accent

Pe alb 2,9Eșuat

Pe negru 7,2AAA

Nuanță deschisă

Pe alb 1,1Eșuat

Pe negru 19,4AAA

Nuanță închisă

Pe alb 9,0AAA

Pe negru 2,3Eșuat

Neutru deschis

Pe alb 1,1Eșuat

Pe negru 19,3AAA

Neutru mediu

Pe alb 4,1AA mare

Pe negru 5,1AA

Neutru închis

Pe alb 16,1AAA

Pe negru 1,3Eșuat

Verificare text și fundal

Culoarea textuluiFundal

Exemplu de titlu mare

Exemplu de text obișnuit pentru această pereche

8,44:1Text normal AAAText mare AAA

Încearcă acestea

Vrei culori dintr-o fotografie? Folosește extractorul de culori din imagine

Utilizări frecvente

Generați palete de culori pentru design webCreați scheme de culori armonice pentru site-uri web, aplicații web și componente de interfață de utilizator.
Creați palete de culori pentru marcăDezvoltați un sistem complet de culori pentru marcă dintr-o singură culoare de marcă — primară, secundară, accent și neutre.
Generați palete de culori pentru artă și ilustrațieCreați combinații de culori armonice pentru artă digitală, ilustrație și proiecte creative.
Generați stiluri de culori pentru FigmaCreați palete de culori pentru utilizare ca Figma Color Styles și baze de design token.
Creați palete de culori pentru modul întunecatGenerați variante ușoare și întunecate ale paletei de culori pentru a construi suportul modului întunecat.

Cum funcționează

Unealta este construită cu zero biblioteci externe — toată matematica de culoare rulează în JavaScript scris manual direct în browser-ul tău. Convertește culoarea aleasă între hex și HSL, apoi aplică reguli clasice de armonie de teorie a culorii (complementar, triadic, analog, etc.) prin aritmetică pe roata nuanțelor pentru a produce fiecare paletă.

1
Conversia Hex-la-HSL
Când alegi o culoare, unealta parsează șirul hex în componente RGB și le convertește la HSL (nuanță, saturație, luminozitate). Nuanța este poziția de 0–360 grade pe roata de culori; toată matematica paletei se întâmplă în acest spațiu.
2
Aritmetica nuanței pentru armonie
Fiecare tip de paletă este o formulă de rotație fixă aplicată nuanței de bază. Complementarul adaugă 180°, triadicul adaugă 120° și 240°, tetradicul pășește cu 90°, split-complementarul folosește 150° și 210°. Monocromaticul și nuanțele păstrează nuanța și saturația constante în timp ce pășesc luminozitatea în sus și în jos.
3
Ieșire HSL-la-hex
Fiecare triplet HSL calculat este convertit înapoi la o culoare hex folosind formula standard de crominanță. Rezultatele se afișează ca o bandă de culori cu etichete auto-contrastate (text închis pe eșantioane deschise, text deschis pe cele închise) determinate de un prag simplu de luminanță.
4
Exportă în formatul tău preferat
Paleta poate fi copiată ca șiruri hex sau exportată ca fișier de variabile CSS (:root { --color-1: … }), variabile SCSS, un fragment de configurare Tailwind, un obiect JSON, sau o bandă de culori PNG. Exportul PNG folosește API-ul Canvas al browser-ului (toDataURL) pentru a desena fiecare eșantion cu eticheta sa hex — totul este generat local la clic.

Instrumente similare

🎨

Generator de culori aleatorii

Generează culori aleatorii pe rând sau ca paletă de cinci, blochează-le pe cele care îți plac, copiază valori HEX, RGB sau HSL și exportă paleta ca PNG sau CSS.

Încearcă

🎨

Extractor Paletă Culori din Imagine

Extrage culorile dominante din orice imagine folosind cuantizarea culorilor k-means. Obține codurile hex pentru primele 2-16 culori din fotografia sau logo-ul tău.

ÎncearcăFișierele rămân locale

🎨

Selector de culori și generator de paletă

Alege culori, convertește între HEX/RGB/HSL și generează palete armonioase.