Selector de culoare
Alege orice culoare dintr-o imagine și obții instant coduri HEX, RGB, HSL, HSV și CMYK.
Încarcă o imagine pentru a alege o culoare
Trage și plasează, lipește sau răsfoiește — PNG, JPG, WEBP sau GIF
Sfat: poți lipi o imagine și cu Ctrl/Cmd + V
Coduri de culoare
Cel mai apropiat nume de culoare: Royal Blue
Armonii de culoare
Verificare contrast (WCAG)
Text exemplu
Culori salvate
Nicio culoare salvată încă — alege una și apasă „Salvează culoarea”.
Un selector de culoare (color picker) este un instrument care îți permite să identifici exact orice culoare dintr-o imagine, cu ajutorul unei pipete digitale. Fie că lucrezi la un site web, dezvolți o aplicație, pregătești un material pentru tipar sau verifici dacă un design respectă normele de accesibilitate, un selector de culoare bun îți economisește timp și elimină ghicitul — clic pe pixelul dorit și obții imediat codul exact.
Instrumentul nostru este gratuit și rulează integral în browser: imaginea ta nu este niciodată încărcată pe un server, așa că poți lucra cu mockup-uri sau capturi de ecran confidențiale fără griji. Pentru orice pixel ales primești simultan codurile HEX, RGB, HSL, HSV și CMYK, poți extrage automat o paletă de culori dintr-o fotografie, poți genera armonii de culoare (complementare, analoge, triadice) pornind de la o nuanță și poți verifica pe loc contrastul WCAG dintre două culori — util pentru design web, dezvoltare front-end, print și proiecte de accesibilitate.
Cum să alegi o culoare dintr-o imagine
- 1
Încarcă sau trage o imagine
Trage și plasează o imagine în zona de încărcare, lipește-o direct cu Ctrl/Cmd + V sau alege un fișier PNG, JPG, WEBP ori GIF de pe calculator. Poți folosi și un URL de imagine sau imaginea exemplu pusă la dispoziție.
- 2
Dă clic cu pipeta pe un pixel
Odată ce imaginea apare pe ecran, mișcă mouse-ul peste ea pentru a vedea o previzualizare mărită și dă clic pe exact pixelul a cărui culoare vrei să o afli.
- 3
Citește și copiază codurile de culoare
Imediat după selecție, panoul de valori afișează codul în HEX, RGB, HSL, HSV și CMYK. Apasă butonul „Copiază” de lângă orice format pentru a-l pune direct în clipboard.
- 4
Extrage o paletă din imagine
Apasă „Extrage paleta” pentru a genera automat un set de culori dominante din întreaga imagine — utile pentru a construi rapid o schemă de culori pentru un proiect de design.
- 5
Generează armonii de culoare
Pornind de la culoarea selectată, folosește secțiunea de armonii pentru a obține variante complementare, analoge, triadice, tetradice, complementare divizate sau monocromatice.
- 6
Verifică contrastul WCAG și salvează paleta
Introdu o culoare de text și una de fundal în verificatorul de contrast pentru a vedea raportul și dacă trece testele AA/AAA, apoi salvează culorile preferate și exportă-le ca CSS, JSON sau PNG.
HEX, RGB, HSL, HSV și CMYK explicate
Aceeași culoare poate fi exprimată în mai multe moduri, în funcție de contextul în care lucrezi. Tabelul de mai jos arată cele cinci formate principale, câte un exemplu real și situația în care fiecare este cel mai potrivit.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web și CSS |
| RGB | rgb(59, 130, 246) | Ecrane și afișaje |
| HSL | hsl(217, 91%, 60%) | Ajustare intuitivă a nuanței |
| HSV | hsv(217, 76%, 96%) | Instrumente de design grafic |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Tipar și producție offset |
Design web și UI
Designerii folosesc selectorul de culoare pentru a extrage exact nuanțele dintr-un logo, o fotografie de brand sau un mockup, astfel încât paleta unui site sau a unei aplicații să rămână consecventă cu identitatea vizuală existentă.
Dezvoltare front-end
Dezvoltatorii pot copia direct codul HEX sau RGB al unei culori pentru a-l folosi în variabile CSS, în Tailwind sau în orice fișier de stiluri, fără să mai treacă printr-un editor grafic separat doar pentru a afla un cod de culoare.
Tipar și branding
Pentru materiale tipărite — cărți de vizită, broșuri, ambalaje — valorile CMYK sunt esențiale, deoarece imprimantele folosesc cerneluri cyan, magenta, galben și negru, nu pixeli luminoși ca pe ecran. Selectorul nostru afișează automat echivalentul CMYK al oricărei culori.
Accesibilitate
Verificatorul de contrast WCAG integrat te ajută să confirmi rapid dacă o combinație de text și fundal este suficient de lizibilă pentru utilizatori cu deficiențe de vedere, conform pragurilor AA și AAA folosite în auditurile de accesibilitate.
Comparația cu imagecolorpicker.com
Multe selectoare de culoare online oferă doar codul HEX de bază. Iată cum se compară instrumentul nostru cu un competitor cunoscut, imagecolorpicker.com.
| Modele de culoare afișate | HEX, RGB, HSL, HSV și CMYK simultan | În principal HEX și RGB |
| CMYK pentru tipar | Da, calculat automat pentru fiecare culoare | Nu este disponibil |
| Verificator de contrast WCAG | Integrat, cu rezultate AA/AAA instant | Nu este disponibil |
| Armonii de culoare | Complementare, analoge, triadice, tetradice și mai multe | Nu este disponibil |
| Reclame | Fără reclame care să distragă atenția | Reclame vizibile pe pagină |
Întrebări frecvente
Cum aleg o culoare dintr-o imagine?
Încarcă imaginea prin drag-and-drop, lipire din clipboard sau alegerea unui fișier, apoi dă clic pe orice pixel din imagine. Instrumentul citește instant culoarea exactă a acelui pixel și o afișează în toate formatele uzuale.
Ce este un cod de culoare HEX?
Un cod HEX este o reprezentare hexazecimală a unei culori, formată din șase caractere precedate de simbolul „#” (de exemplu #3B82F6), unde primele două cifre codifică roșu, următoarele două verde, iar ultimele două albastru. Este formatul standard folosit în CSS și în majoritatea instrumentelor web.
Cum convertesc RGB în HEX?
Fiecare dintre cele trei valori RGB (roșu, verde, albastru, între 0 și 255) se convertește separat în hexazecimal și se concatenează. Nu trebuie să faci conversia manual: alege orice pixel cu pipeta noastră și codul HEX corespunzător apare automat lângă valoarea RGB, gata de copiat.
Cum creez o paletă de culori dintr-o fotografie?
După ce încarci fotografia, apasă butonul „Extrage paleta”. Instrumentul analizează imaginea și generează automat un set de mostre reprezentative, pe care le poți selecta individual sau exporta ca paletă completă în format CSS, JSON sau PNG.
Cum verific contrastul de culoare pentru accesibilitate?
Introdu culoarea textului și culoarea fundalului în secțiunea de verificare a contrastului. Instrumentul calculează raportul de contrast conform WCAG și îți arată dacă respectiva combinație trece pragurile AA și AAA, atât pentru text normal, cât și pentru text mare.
Este gratuit și îmi sunt private imaginile?
Da, selectorul de culoare este complet gratuit. Toată procesarea are loc local, direct în browserul tău — imaginile nu sunt niciodată trimise sau stocate pe serverele noastre, ceea ce îl face potrivit și pentru capturi de ecran sau mockup-uri confidențiale.
