Generator palete de culori
Pornind de la o culoare, primești palete complementare, analoage, triadice și nuanțe.
Mulțumim! Ne ajută să facem uneltele mai bune.
Nu s-a putut trimite acum. Încearcă mai târziu.
Generatorul de palete de culori pornește de la o singură culoare și îți propune combinații care se potrivesc: complementare, analoage, triadice, tetradice și o scală de nuanțe mai deschise și mai închise. Fiecare culoare apare cu codul HEX, iar rezultatul poate fi copiat ca text. E util pentru logo-uri, site-uri, invitații, postări pe social media sau amenajări.
Cum sunt construite paletele
Culoarea de bază este transformată în HSL (nuanță, saturație, luminozitate), iar nuanța este rotită pe roata culorilor:
- Complementare: culoarea de bază și cea opusă, la 180°. Contrast puternic, bun pentru butoane și accente.
- Analoage: culorile de la −30° și +30°. Combinații liniștite, armonioase.
- Triadice: trei culori la câte 120°. Variate, dar echilibrate.
- Tetradice: patru culori la câte 90°. Bogate, greu de echilibrat, folosește una dominantă.
- Nuanțe: aceeași nuanță și saturație, cu luminozitatea la 92%, 78%, 62%, cea de bază, 30% și 18%.
Exemplu pentru #0F5C4D (verde-petrol)
Culoarea are HSL 168°, 72%, 21%.
| Paletă | Culori |
|---|---|
| Complementare | #0F5C4D, #5C0F1E |
| Analoage | #0F5C26, #0F5C4D, #0F455C |
| Triadice | #0F5C4D, #4D0F5C, #5C4D0F |
| Tetradice | #0F5C4D, #260F5C, #5C0F1E, #455C0F |
| Nuanțe | #DCF9F3, #9FEFDF, #58E4C8, #0F5C4D, #15846E, #0D4F42 |
Observă că la o culoare închisă ca aceasta, nuanța de 30% este mai deschisă decât baza, iar cea de 18% puțin mai închisă. La culori deschise, ordinea e inversă.
Sfaturi de folosire
Regula 60-30-10 funcționează bine: 60% o culoare neutră sau deschisă, 30% culoarea principală, 10% un accent din paleta complementară. Pentru text pe fundal colorat, verifică să fie suficient contrast: nuanțele de 92% și 18% sunt de obicei bune ca fundal și, respectiv, culoare de text. Codurile pot varia cu o unitate față de culoarea introdusă, din cauza rotunjirii HSL la numere întregi. Dacă vrei culoarea de bază dintr-o fotografie sau dintr-un logo existent, ia-o cu color picker din imagine, apoi folosește paleta și pentru un favicon.
Întrebări frecvente
Ce înseamnă culori complementare?
Culori aflate opus pe roata culorilor, la 180° una de alta, de exemplu albastru și portocaliu. Împreună dau contrast maxim.
Cum aleg culorile pentru un logo sau un site?
Pornește de la o culoare principală, adaugă una sau două analoage pentru armonie și o complementară pentru accente. Păstrează nuanțe foarte deschise pentru fundal.
Ce diferență este între paleta triadică și cea tetradică?
Triadica are trei culori la câte 120°, tetradica patru culori la câte 90°. Tetradica e mai bogată, dar mai greu de echilibrat.
Pot copia toată paleta?
Da, rezultatul poate fi copiat ca text, cu numele fiecărei palete și codurile HEX.
Actualizat:
Ce unealtă îți lipsește?
Spune-ne ce calculator sau unealtă ai căutat și n-ai găsit. Citim fiecare sugestie.