Ai găsit culoarea perfectă în format HEX, dar instrumentul de design pe care îl folosești necesită RGB. Sau un client a trimis o culoare în RGB și ai nevoie de valoarea HSL pentru CSS. Conversia formatului de culoare este o sarcină zilnică pentru designeri și dezvoltatori. Color Converter face asta instant.
Ce ai nevoie
- O valoare de culoare în orice format (HEX, RGB, HSL sau altele)
- Un browser web (Chrome, Firefox, Safari sau Edge)
- Fără cont sau instalare necesare
Ghid pas cu pas
Introduci valoarea culorii
Deschide instrumentul Color Converter. Tastează sau lipești valoarea culorii în orice format suportat. De exemplu, introdu #3B82F6 ca valoare HEX, rgb(59, 130, 246) ca RGB sau hsl(217, 91%, 60%) ca HSL. Instrumentul recunoaște formatul automat.
Vizualizezi toate conversiile de format
Instrumentul afișează instant culoarea ta în fiecare format suportat: HEX, RGB, HSL și altele. Poți vedea o previzualizare live a culorii alături de toate valorile echivalente. Dacă trebuie să ajustezi culoarea, folosește selectorul de culori pentru a o regla vizual.
Copiezi formatul de care ai nevoie
Fă clic pe butonul de copiere de lângă orice format pentru a copia valoarea în clipboard. Lipește-o direct în fișierul CSS, instrumentul de design sau oriunde ai nevoie. Nu este necesară retastarea manuală.
Util de știut Color Converter rulează complet în browser. Funcționează offline odată încărcat și nu necesită niciun cont sau instalare.
Înțelegerea formatelor de culoare
Diferite instrumente și contexte folosesc formate de culoare diferite. Iată când să folosești fiecare:
HEX
Cel mai frecvent format pe web. O culoare HEX începe cu # urmat de șase caractere (litere și cifre), ca #FF5733.
- Folosit în: CSS, HTML, instrumente de design (Figma, Sketch, Photoshop)
- Format:
#RRGGBBunde fiecare pereche este o valoare hexazecimală de la 00 la FF - Exemplu:
#3B82F6(un albastru mediu)
RGB
Descrie o culoare folosind componentele sale Roșu, Verde și Albastru, fiecare variind de la 0 la 255.
- Folosit în: CSS (funcția
rgb()), limbaje de programare, iluminare LED - Format:
rgb(roșu, verde, albastru) - Exemplu:
rgb(59, 130, 246)
HSL
Descrie o culoare folosind Nuanță (0-360 grade pe roata de culori), Saturație (0-100%) și Luminozitate (0-100%).
- Folosit în: CSS (funcția
hsl()), teoria culorii, sisteme de design - Format:
hsl(nuanță, saturație%, luminozitate%) - Exemplu:
hsl(217, 91%, 60%)
Sfat HSL este cel mai intuitiv format pentru ajustarea culorilor. Vrei o nuanță mai deschisă? Crești valoarea luminozității. Vrei un ton mai estompat? Scazi saturația. Aceasta face HSL ideal pentru construirea sistemelor de culori și crearea variațiilor unei culori de bază.
Când să folosești ce format
| Situație | Format recomandat |
|---|---|
| Scriere CSS manual | HEX (scurt și familiar) sau HSL (ușor de ajustat) |
| Specificații instrumente de design | HEX (standard în industrie) |
| Manipularea dinamică a culorilor în cod | HSL (cel mai ușor de ajustat programatic) |
| Comunicarea culorilor clienților | HEX (cel mai universal recunoscut) |
| Design pentru imprimare | CMYK (separat de formatele pentru ecran) |
Dincolo de culorile individuale
Odată ce ai culoarea convertită, s-ar putea să vrei să explorezi instrumente conexe:
- Gradient Generator: Creează gradiente CSS fluide folosind culorile tale. Introdu două sau mai multe culori și obții codul gradientului gata de lipit în foaia de stil.
- Color Palette Generator: Generează palete de culori armonioase pe baza culorii tale de pornire. Obții automat scheme de culori complementare, analogice, triadice și altele.
Aceste instrumente funcționează mână în mână cu Color Converter pentru a te ajuta să construiești un sistem de culori complet pentru proiectul tău.
Important Culorile pot arăta diferit pe ecrane diferite din cauza calibrării afișajului, profilurilor de culoare și setărilor de luminozitate. Când acuratețea culorilor este critică (branding, design pentru imprimare), verifică întotdeauna culorile pe mediul țintă, nu numai pe ecranul tău.
Întrebări frecvente
Care este diferența dintre HEX și RGB?
Reprezintă aceleași informații în notații diferite. HEX folosește hexazecimal (baza 16) și RGB folosește zecimal (baza 10). #FF0000 și rgb(255, 0, 0) sunt ambele roșu pur.
Pot converti în CMYK pentru imprimare? Formatele de culoare pentru ecran (HEX, RGB, HSL) și formatele de imprimare (CMYK) sunt modele de culoare fundamental diferite. Există o conversie matematică, dar pentru culori precise la imprimare ar trebui să folosești un instrument profesional de gestionare a culorilor.
Ce se întâmplă cu transparența (alfa)?
HEX suportă alfa cu două caractere suplimentare (#3B82F680). RGB și HSL îl suportă ca funcții rgba() și hsla(). Color Converter gestionează și aceste formate.
Pași următori
Cu culorile convertite, încearcă Gradient Generator pentru a crea gradiente CSS frumoase sau folosește Color Palette Generator pentru a construi o schemă de culori completă în jurul culorii alese.