Generator de Paletă de Culori - Creează Scheme de Culori Armonioase

Ce este un generator de palete de culori?

Un generator de palete de culori este un instrument care creează un set de culori asortate pornind de la o culoare inițială, numită culoare principală. Acest generator de palete de culori primește o culoare principală și un tip de armonie, apoi calculează restul paletei folosind regulile teoriei culorilor. Cele patru tipuri de armonie acceptate sunt complementară, analogă, triadică și monocromatică.

Cum construiește instrumentul o paletă

Instrumentul convertește culoarea principală din cod hexazecimal (precum #3B82F6) în modelul de culori HSL. HSL descrie o culoare prin trei numere:

• Nuanța: poziția culorii pe o roată a culorilor de 360 de grade (0° este roșu, 120° este verde, 240° este albastru).
• Saturația: intensitatea culorii, de la 0 % (gri) la 100 % (culoare pură).
• Luminozitatea: cât de apropiată este culoarea de negru sau de alb, de la 0 % (negru) la 100 % (alb).

Fiecare tip de armonie modifică nuanța, luminozitatea sau ambele, apoi convertește rezultatul înapoi într-un cod hexazecimal.

Cum se calculează culorile complementare

Formula:

$h' = (h + 180) \bmod 360$

unde h este nuanța culorii primare, exprimată în grade, iar h′ este noua nuanță. Operația modulo readuce pe roată un rezultat care depășește o rotație completă.

Saturația și luminozitatea rămân neschimbate.

Exemplu de calcul: Albastrul pur, #0000FF, are nuanța 240°, saturația 100 % și luminozitatea 50 %. Adăugarea a 180° dă nuanța 60°. Convertirea nuanței 60° înapoi în cod hexazecimal, la aceeași saturație și luminozitate, produce #FFFF00, adică galben. Prin urmare, instrumentul asociază albastrul cu galbenul, nu cu portocaliul.

Acest lucru poate fi derutant, deoarece la orele de artă se predă adesea o altă roată a culorilor, roata pigmenților RYB (roșu-galben-albastru), în care opusul albastrului este portocaliul. Instrumentul folosește roata HSL bazată pe RGB, utilizată de ecrane, astfel încât perechile complementare diferă de cele ale roții pentru amestecarea vopselelor.

Cum se calculează culorile analoge

Culorile analoge se află în apropierea culorii principale pe roată. Instrumentul generează două nuanțe la 30° și două nuanțe la 60° de nuanța principală, toate având aceeași saturație și luminozitate.

$h \pm 30^{\circ}, \qquad h \pm 60^{\circ}$

unde h este nuanța culorii primare.

Exemplu de calcul: Albastrul, #0000FF (nuanța 240°), produce nuanța 270° (#8000FF), nuanța 210° (#0080FF), nuanța 300° (#FF00FF) și nuanța 180° (#00FFFF). Împreună cu culoarea principală, paleta conține cinci culori.

Cum se calculează culorile triadice

Culorile triadice sunt separate de 120° pe roată, formând împreună cu culoarea principală un trio distribuit uniform.

$h + 120^{\circ}, \qquad h + 240^{\circ}$

Exemplu de calcul: Roșul, #FF0000 (nuanța 0°), produce nuanța 120° (#00FF00, verde) și nuanța 240° (#0000FF, albastru). Setul de trei culori este format din roșu, verde și albastru, aceleași trei nuanțe folosite ca primare pe ecranele digitale.

Cum se calculează culorile monocromatice

Culorile monocromatice păstrează aceeași nuanță și saturație și modifică doar luminozitatea. Instrumentul modifică luminozitatea cu 15 și 30 de puncte procentuale în fiecare direcție, în limitele 5 % și 95 %.

$l \pm 15, \qquad l \pm 30$

unde l este luminozitatea culorii primare, exprimată în puncte procentuale.

Exemplu de calcul: Albastrul, #0000FF (luminozitatea 50 %), produce luminozitatea 65 % (#4D4DFF), luminozitatea 35 % (#0000B3), luminozitatea 80 % (#9999FF) și luminozitatea 20 % (#000066).

Din cauza limitelor 5 % și 95 %, o culoare principală care este deja foarte deschisă sau foarte închisă poate atinge aceeași limită de două ori. Negrul, #000000, dă luminozitatea 15 % (#262626), 5 % (#0D0D0D), 30 % (#4D4D4D) și din nou 5 % (#0D0D0D), astfel încât o culoare se repetă.

Utilizarea instrumentului

1. Alegeți o culoare principală cu selectorul de culori sau introduceți un cod hexazecimal precum #3B82F6.
2. Alegeți un tip de armonie: complementară, analogă, triadică sau monocromatică.
3. Consultați paleta generată. Fiecare mostră afișează codul hexazecimal pe un buton.
4. Faceți clic pe buton pentru a copia codul hexazecimal sau folosiți „Copiază toate culorile” pentru a copia întreaga paletă dintr-o dată.

Verificarea contrastului pentru accesibilitate

Fiecare mostră de culoare afișează două insigne mici: una pentru contrastul cu albul și una pentru contrastul cu negrul. Instrumentul calculează un raport de contrast folosind formula WCAG (Ghidul pentru accesibilitatea conținutului web):

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

unde C este raportul de contrast.

L1 este luminanța relativă a culorii mai deschise, iar L2 este luminanța relativă a culorii mai închise. Luminanța provine din valorile de roșu, verde și albastru ale culorii. O insignă afișează „AA” atunci când raportul este 4,5 sau mai mare, acesta fiind minimul WCAG pentru textul de dimensiune normală. Afișează „!” atunci când raportul este sub 4,5. Plasarea cursorului peste o insignă afișează raportul exact. Textul negru pe fundal alb obține un raport de 21, cea mai mare valoare posibilă.

Instrumentul folosește aceeași regulă de contrast pentru a alege culoarea butonului de copiere de pe fiecare mostră. Compară culoarea mostrei cu negrul și cu albul, apoi folosește varianta dintre cele două care are lizibilitatea mai bună. Schimbarea are loc la o luminanță relativă de aproximativ 0,179, punctul în care cele două rapoarte sunt egale.

Întrebări frecvente

Ce este un generator de palete de culori? Este un instrument care produce un set de culori ce funcționează împreună, pornind de la o culoare principală și o regulă de armonie aleasă.

De ce asociază acest instrument albastrul cu galbenul în loc de portocaliu pentru culorile complementare? Instrumentul rotește nuanța cu 180° pe roata HSL, bazată pe modul în care ecranele amestecă lumina roșie, verde și albastră. Roata vopselelor roșu-galben-albastru predată la orele de artă produce perechi complementare diferite, deoarece amestecă pigmenți, nu lumină.

Câte culori produce fiecare tip de armonie? Armonia complementară produce în total 2 culori (inclusiv culoarea principală). Cea triadică produce 3. Cea analogă produce 5. Cea monocromatică produce 5.

Ce model de culori folosește intern instrumentul? HSL (nuanță, saturație, luminozitate). Convertește codul hexazecimal introdus în HSL, efectuează calculele, apoi convertește rezultatul înapoi în hexazecimal.

Verifică instrumentul dacă culorile sunt accesibile? Da. Fiecare mostră arată dacă are suficient contrast cu albul și cu negrul pentru a respecta standardul WCAG AA pentru text normal, care necesită un raport de cel puțin 4,5.

Pot folosi mai mult de un tip de armonie pentru un proiect? Da. Multe proiecte combină tipuri de armonie, de exemplu un set analog pentru culorile principale și o culoare complementară pentru un buton sau o evidențiere.

Formate de culoare

Instrumentul scrie fiecare culoare generată ca un cod hexazecimal format din șase cifre, precedat de semnul # (de exemplu #ff0000 pentru roșu). Codurile hexazecimale corespund direct valorilor de roșu, verde și albastru, fiecare de la 0 la 255. Culoarea principală este afișată exact așa cum a fost introdusă, astfel încât o formă prescurtată cu trei cifre, precum #F00, rămâne în forma scurtă. Codurile cu trei cifre reprezintă aceeași culoare ca forma cu șase cifre: fiecare cifră este dublată, astfel încât #F00 este #FF0000. HSL este o metodă alternativă de descriere a acelorași culori, folosind nuanța, saturația și luminozitatea în locul valorilor de roșu, verde și albastru.