Selector Culori Online: Roată Cromatică & Convertor (HEX, RGB, LCH)
Fie că ești un web designer care ajustează stiluri CSS, un grafician care caută nuanța perfectă pentru un logo, sau pur și simplu ai nevoie să afli rapid codul culorii tale preferate, instrumentul nostru avansat de selecție a culorilor (Color Picker) este aici pentru tine.
Uită de lansarea greoaie a Photoshop-ului sau de căutarea de plugin-uri pentru browser. Aici ai la dispoziție un laborator complet de culori, care funcționează instantaneu, suportă toate formatele și îți memorează munca.
De ce să folosești acest instrument de selecție a culorilor?
Widget-ul nostru nu este doar o roată cromatică obișnuită. Este conceput pentru productivitate și precizie maximă.
1. Toate formatele sub un singur acoperiș 🎨
Ai nevoie să convertești HEX în RGB? Sau lucrezi cu HSL-ul modern? Instrumentul nostru recalculează automat și în timp real valorile între toate standardele utilizate.
- HEX: Pentru HTML și CSS (ex.
#ff5733). - RGB: Pentru afișaje digitale și software grafic.
- HSL & HSV: Pentru editări intuitive de saturație și luminozitate, pe care le vei aprecia la crearea paletelor de culori.
2. Istoric inteligent și presetări 🕒
Nimic nu este mai frustrant decât să găsești culoarea perfectă și să o pierzi accidental.
- Istoric automat: Instrumentul memorează ultimele culori cu care ai lucrat (chiar dacă reîncarci pagina).
- Presetări rapide: Am pregătit pentru tine un set de culori de bază pentru un început rapid.
3. Control intuitiv Drag & Drop 🖱️
Controlul este fluid și precis. Cu mouse-ul sau atingând ecranul pe mobil, poți:
- Schimba nuanța pe roata cromatică mare.
- Ajusta fin saturația și luminozitatea pe pătratul detaliat.
- Sau pur și simplu introduce valoarea exactă și lăsa instrumentul să calculeze restul.
Ghidul modelelor de culori: Când să folosești fiecare?
Lumea culorilor digitale poate fi confuză. Iată o prezentare rapidă pentru a ști ce format să alegi pentru proiectul tău.
| Format | Nume complet | Când să-l folosești? |
|---|---|---|
| HEX | Hexadecimal | Standard pentru web. Un cod de șase caractere (ex. #000000), folosit de browsere. Este cel mai scurt și cel mai ușor de copiat. |
| RGB | Roșu, Verde, Albastru | Afișaje și ecrane. Definește cantitatea de lumină roșie, verde și albastră care trebuie aprinsă. Valorile sunt 0–255. |
| HSL | Hue, Saturation, Lightness | Percepția umană. Cel mai bun pentru designeri. Vrei o culoare “un pic mai deschisă” sau “mai puțin saturată”? În HSL, schimbi doar procentele, în HEX ar trebui să ghicești. |
| HSV | Hue, Saturation, Value | Software grafic. Similar cu HSL, dar adesea folosit în instrumente precum Photoshop sau GIMP pentru selecția culorilor. |
| LCH | Lightness, Chroma, Hue | Precizie modernă. Este așa-numitul „perceptual uniform”. Rezolvă eroarea HSL, unde galbenul pare mai deschis decât albastrul la aceeași valoare. În LCH, modificarea numerelor corespunde exact modului în care ochiul uman percepe schimbarea. Ideal pentru sisteme de design și accesibilitate. |
Cum să lucrezi eficient cu Color Picker-ul
- Selecție brută: Clickează pe cercul de culori pentru a alege nuanța de bază (Hue).
- Ajustare fină: În pătratul din mijloc, ajustează saturația (mișcă stânga/dreapta) și luminozitatea (mișcă sus/jos).
- Introducere manuală: Ai un cod specific, de ex.
#3498db? Introdu-l în câmpul HEX. Instrumentul va afișa imediat o previzualizare și va recalcula valorile RGB și HSL. - Copiere: Cu un singur clic pe pictograma de copiere, salvează codul rezultat în clipboard.
- Revenire în timp: Ai nevoie de o culoare pe care ai avut-o acum puțin timp? Verifică secțiunea Istoric culori din partea de jos.