Convertor de culori
Convertește orice culoare între HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH și OKLCH. Lipește un cod, vezi culoarea și copiază fiecare format dintr-un clic.
Exemple:
Conversii
CMYK este o conversie simplă, fără profil ICC. Pentru lucrări de tipar, cere tipografiei o conversie bazată pe profil.
Cum folosești convertorul de culori
- Scrie sau lipește o culoare în câmpul Date de intrare. Formatul este detectat automat:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)sau un nume precumtomato. - Conversiile apar pe măsură ce scrii. Poți apăsa și Enter sau Convertește.
- Verifică eșantionul: arată culoarea și Format detectat, ca să știi cum a fost citită valoarea introdusă.
- Apasă Copiază lângă formatul de care ai nevoie. Folosește butoanele de exemple ca să încerci intrări uzuale.
Conversia rulează în întregime în browserul tău.
Formate acceptate
| Format | Exemplu | Utilizare tipică |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, instrumente de design |
| RGB | rgb(255, 99, 71) |
CSS, cod, editoare de imagini |
| HSL | hsl(9, 100%, 64%) |
CSS, ajustarea luminozității |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, selectoare de culori |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
tipar (vezi nota de mai jos) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), știința culorii |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
CSS modern, sisteme de design |
Rezultatele HEX, RGB, HSL, HWB, LAB, LCH și OKLCH sunt CSS valid, pe care îl poți lipi direct într-o foaie de stil. HSV și CMYK nu sunt notații CSS, așa că sunt scrise în stilul convențional de funcție, pentru lectură.
Dacă valoarea introdusă are transparență (de exemplu rgb(255 0 0 / 50%)), convertorul o păstrează: HEX devine un cod de opt cifre precum #FF000080, iar celelalte formate primesc o valoare alfa.
Cum funcționează conversiile
RGB, HEX, HSL, HSV și HWB sunt moduri diferite de a scrie aceleași valori sRGB, deci se convertesc exact (până la rotunjire). LAB și LCH urmează definiția CSS Color 4, care folosește punctul alb D50 cu adaptare cromatică Bradford. Unele convertoare online folosesc D65, așa că numerele lor LAB pot diferi cu câteva unități pentru aceeași culoare. OKLCH folosește modelul Oklab al lui Björn Ottosson, cel pe care îl folosesc browserele pentru oklch().
Când introduci o culoare LAB, LCH sau OKLCH prea saturată pentru un ecran obișnuit, aceasta se află în afara gamei sRGB și nu are echivalent HEX. Instrumentul afișează atunci un mesaj și o aproximează cu cea mai apropiată culoare afișabilă, reducând cromaticitatea și păstrând luminozitatea și nuanța.
CMYK este o aproximare
Valorile CMYK folosesc formula simplă K = 1 − max(R, G, B) și C = (1 − R − K) / (1 − K), la fel pentru M și Y. Nu intervine niciun profil ICC, deci numerele nu prezic ce va tipări o anumită mașină de tipar. Pentru lucrări profesionale de tipar, convertește în programul de machetare, cu profilul furnizat de tipografie (de exemplu FOGRA39 sau GRACoL). Conversia inversă din CMYK în RGB folosește formula R = (1 − C)(1 − K).
Întrebări frecvente
Cum convertesc HEX în RGB manual?
Împarte codul în trei perechi și convertește fiecare din baza 16 în baza 10. Pentru #FF6347: FF = 255, 63 = 99, 47 = 71, deci culoarea este rgb(255, 99, 71).
Care este diferența dintre HSL și HSV?
Ambele folosesc un unghi de nuanță și o saturație, dar a treia valoare din HSL este luminozitatea (50% este culoarea pură, 100% este alb), pe când în HSV este valoarea sau strălucirea (100% este culoarea pură sau albul, în funcție de saturație). Aceeași culoare are deci numere de saturație diferite în fiecare model.
De ce valoarea mea LAB diferă de cea dintr-un alt convertor?
Cel mai probabil din cauza punctului alb. Acest instrument folosește D50, ca lab() din CSS. Convertoarele bazate pe D65 dau numere ușor diferite. Ambele sunt corecte în propriul sistem de referință.
Pot converti CMYK în HEX?
Da. Scrie ceva de forma cmyk(0%, 61%, 72%, 0%) sau cmyk(0, 0.61, 0.72, 0). Ține minte că rezultatul este o aproximare, fără profil de culoare.
Acceptă culori fără semnul #?
Da. Sunt recunoscute ff6347, f64 și chiar trei numere separate prin virgule, precum 255, 99, 71.
Instrumente similare
- Selector de culori Selector de culori online gratuit. Alege o culoare și copiază instantaneu codurile HEX, RGB, HSL, HSV și CMYK, cu rapoartele de contrast față de alb și negru.
- Generator de paletă de culori Generează palete de culori dintr-o culoare de bază, după armonii cromatice: complementare, analoge, triadice, tetradice, pătrat și monocrome.
- Selector de culoare din imagine Încarcă o imagine și apasă pe un pixel ca să-i afli culoarea în HEX, RGB, HSL, HSV și CMYK. Lupă, medie a pixelilor și listă de culori, totul în browser.