Convertor de culori
Introdu un cod de culoare hex pentru a vedea echivalentele sale RGB și HSL cu valorile individuale ale canalelor roșu, verde și albastru.
Cum se utilizează acest convertor de culori
- Introduceți codul de culoare hex
Introduceți un cod hex de 6 cifre în câmpul Cod culoare Hex (ex. FF6B35 sau 00FF88). Omiteți simbolul #.
- Citiți valorile RGB
Rezultatele pentru canalele Roșu, Verde și Albastru afișează valorile 0–255 pentru fiecare componentă.
- Verificați rezultatul HSL
Consultați rezultatul HSL pentru nuanță (0–360°), saturație și luminozitate — util pentru ajustări de culoare.
Cum funcționează acest convertor de culori
Acest instrument convertește un cod de culoare hexazecimal în reprezentări RGB (roșu, verde, albastru) și HSL (nuanță, saturație, luminozitate). Fiecare pereche hexazecimală corespunde unei valori de canal pe 8 biți (0–255), iar conversia HSL utilizează matematica standard a spațiului de culoare.
R = hex[0:2] → zecimal; G = hex[2:4] → zecimal; B = hex[4:6] → zecimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — negru pur.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — alb pur. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — gri mediu.
- ✓ Datele introduse reprezintă un cod de culoare hexazecimal valid de 6 cifre.
- ✓ Canalul alfa nu este acceptat în această versiune.
- Conversia CMYK necesită un profil de culoare și nu este inclusă aici.
Înțelegerea modelelor de culoare
HEX, RGB și HSL sunt moduri diferite de a descrie aceeași culoare. HEX codifică RGB ca un șir hexazecimal de 6 cifre: fiecare pereche de caractere reprezintă un canal de 8 biți (0–255). RGB exprimă aceleași valori ca trei numere, culorile primare aditive pe care le emit ecranele. HSL (Hue, Saturation, Lightness) este un model cilindric: nuanța este unghiul pe roata culorilor (0° roșu, 120° verde, 240° albastru), saturația este intensitatea culorii, iar luminozitatea este strălucirea. Designerii preferă adesea HSL atunci când ajustează culorile programatic — modificarea luminozității singure întunecă sau deschide culoarea fără a schimba nuanța, iar ajustarea saturației modifică vivacitatea.
Cazuri de utilizare pentru dezvoltatori în conversia culorilor
Dezvoltatorii convertesc culorile atunci când construiesc sisteme de design, implementează teme, generează palete de culori și depanează CSS. Tokenurile de design stochează adesea culorile în format hex; conversia în RGB sau HSL permite calcule la runtime, cum ar fi suprapunerile de opacitate sau verificările de contrast pentru accesibilitate. Comutatoarele de teme pot avea nevoie să derive variante mai deschise sau mai închise dintr-o culoare de bază folosind HSL. Instrumentele automate de accesibilitate convertesc culorile pentru a calcula luminanța și rapoartele de contrast. Atunci când depanează erori de layout sau de tematică, vizualizarea unei valori hex ca RGB sau HSL ajută la identificarea canalului problematic. Conversia culorilor este utilizată și în vizualizarea datelor, biblioteci de grafice și tematici dinamice de interfață.
Întrebări frecvente
Pot introduce un cod hex din 3 cifre?
Momentan, acest instrument necesită un cod din 6 cifre. Pentru prescurtări de 3 cifre, cum ar fi F60, extindeți-l mai întâi la FF6600.
Ce este HSL?
HSL înseamnă Hue (Nuanță), Saturation (Saturație), Lightness (Luminozitate). Este o modalitate alternativă de a descrie culorile, pe care unii designeri o consideră mai intuitivă decât RGB.