O culoare bine aleasă cere companie pe măsură. Cele mai reușite palete nu sunt întâmplătoare: se sprijină pe relații geometrice de pe cercul cromatic. Acest generator pornește de la o singură culoare de bază și construiește instant șase scheme armonioase, cu valori HEX gata de copiat – totul local, în browserul tău.
Cercul cromatic, fundamentul armoniei
Toate schemele pornesc de la cercul cromatic: o reprezentare circulară a nuanțelor, de la 0 la 360 de grade. Roșu, galben, verde, cyan, albastru și magenta se succed în jurul cercului. Poziția unei culori pe cerc (nuanța, sau hue) determină relația ei cu celelalte.
Armoniile clasice sunt pur și simplu tipare geometrice pe acest cerc: culori opuse, vecine sau aflate la distanțe egale. Schimbând doar nuanța și păstrând saturația și luminozitatea, obținem culori care se simt înrudite și echilibrate.
Cele șase scheme
| Schemă | Unghiuri | Efect |
|---|---|---|
| Complementară | 0°, 180° | Contrast maxim, energic |
| Analoagă | −30°, 0°, +30° | Calmă, unitară, naturală |
| Triadică | 0°, 120°, 240° | Vie, dar echilibrată |
| Complementară divizată | 0°, 150°, 210° | Contrast, dar mai blând |
| Tetradică (pătrat) | 0°, 90°, 180°, 270° | Bogată, colorată |
| Monocromatică | aceeași nuanță, luminozitate variabilă | Curată, elegantă |
Cum se calculează
Pașii sunt simpli și deterministici:
- Culoarea de bază este convertită din HEX în modelul HSL (nuanță, saturație, luminozitate).
- Pentru fiecare culoare a unei scheme, nuanța este rotită cu unghiul corespunzător (de exemplu +180° pentru complementară), iar saturația și luminozitatea rămân neschimbate.
- La schema monocromatică, nuanța rămâne fixă și se modifică doar luminozitatea, în pași egali.
- Rezultatul este convertit înapoi în HEX.
Pentru că modificăm doar nuanța, culorile rezultate au aceeași „temperatură” și intensitate, deci se potrivesc natural.
Când folosești fiecare schemă
- Complementară – pentru un buton de acțiune care trebuie să iasă în evidență pe un fundal, sau pentru perechi cu impact vizual puternic.
- Analoagă – pentru fundaluri și suprafețe mari, unde vrei o senzație calmă și coerentă (de exemplu un peisaj sau un gradient subtil).
- Triadică – pentru ilustrații și interfețe vesele, în care trei culori se echilibrează reciproc.
- Complementară divizată – când vrei contrastul complementarei, dar fără tensiunea lui maximă.
- Tetradică – pentru design-uri bogate cu patru culori; necesită atenție ca una să rămână dominantă.
- Monocromatică – pentru un aspect minimalist și elegant, construit din nuanțele mai deschise și mai întunecate ale unei singure culori.
Regula 60-30-10
Un truc clasic pentru a folosi o paletă echilibrat: aproximativ 60% din suprafață o culoare dominantă (de obicei neutră), 30% o culoare secundară și 10% o culoare de accent. Schemele de aici îți oferă materialul; regula 60-30-10 îți spune în ce proporții să le combini.
Sfaturi practice
- Pornește de la culoarea de brand sau de la culoarea de accent principală și construiește schema pe ea, nu invers.
- Nu folosi toate culorile unei scheme în proporții egale – alege o dominantă și păstrează restul pentru accente.
- Rafinează cu luminozitatea: o schemă teoretică devine adesea mai plăcută dacă închizi sau deschizi ușor una-două culori.
- Verifică lizibilitatea: pentru text pe fundal, controlează contrastul perechilor cu verificatorul de contrast.
Confidențialitate: totul rămâne local
Generarea schemelor rulează în browserul tău, prin JavaScript. Nicio culoare nu este trimisă, salvată sau înregistrată pe vreun server – poți construi liniștit și paleta confidențială a unui proiect nepublicat.
Instrumente înrudite
- Convertor de Culori — HEX, RGB, HSL, HSV și CMYK în timp real
- Verificator de Contrast WCAG — verifică lizibilitatea perechilor de culori
- Generator de Gradient CSS — gradiente liniare și radiale cu cod gata de copiat