Convertor culori
Convertiți culori între HEX, RGB și HSL instant.
Ce este un convertor de culori?
Un convertor de culori traduce valorile culorilor între diferite modele de culori — HEX, RGB, HSL, HSV și CMYK. Designerii și dezvoltatorii trebuie frecvent să comute între formate: CSS folosește HEX și RGB, instrumentele de design folosesc adesea HSL pentru selectarea intuitivă a culorilor, iar fluxurile de lucru de tipărire necesită CMYK. Acest instrument gestionează toate conversiile instant.
Fiecare model de culori reprezintă culorile diferit. RGB (Roșu, Verde, Albastru) amestecă lumina — este folosit pentru ecrane. CMYK (Cyan, Magenta, Galben, Cheie/Negru) amestecă cerneala — este folosit pentru tipărire. HSL (Nuanță, Saturație, Luminozitate) descrie culorile în modul în care oamenii gândesc despre ele — culoare pură, vivacitate și luminozitate. HEX este doar RGB scris în hexazecimal.
Modele de culori explicate
- HEX — un cod hexazecimal de șase cifre (#FF5733). Compact și utilizat pe scară largă în dezvoltarea web.
- RGB — trei valori (0–255) pentru roșu, verde și albastru. Modelul de culori nativ pentru ecrane.
- HSL — nuanță (0–360 grade), saturație (0–100%) și luminozitate (0–100%). Intuitiv pentru crearea paletelor de culori.
- HSV/HSB — similar cu HSL, dar folosește valoare/luminozitate în loc de luminozitate. Frecvent în instrumentele de design grafic.
- CMYK — patru valori (0–100%) pentru cyan, magenta, galben și negru. Folosit în producția tipografică.
Cum se folosește acest instrument
Introduceți o valoare de culoare în orice format acceptat și toate celelalte reprezentări sunt calculate instant. Folosiți selectorul de culori pentru selecție vizuală. Instrumentul afișează un eșantion de previzualizare și valorile convertite în formate HEX, RGB, HSL, HSV și CMYK, gata de copiat și lipit în codul sau instrumentul de design.
Culori în dezvoltarea web
CSS acceptă mai multe formate de culori: hex (#ff5733), rgb(255, 87, 51), hsl(11, 100%, 60%) și culori denumite (tomato). CSS modern acceptă și oklch() și oklab() pentru spații de culori perceptual uniforme. La alegerea între formate, HEX este cel mai compact, HSL este cel mai ușor de ajustat programatic (luminizați prin creșterea L, desaturați prin scăderea S), iar RGB este cel mai larg acceptat.
Întrebări frecvente
De ce culorile arată diferit pe ecran și la imprimare?
Ecranele emit lumină (RGB, amestecare aditivă a culorilor), în timp ce imprimantele folosesc cerneală care absoarbe lumina (CMYK, amestecare substractivă). Gama de culori RGB (intervalul de culori posibile) este mai mare decât CMYK, astfel că unele culori vibrante de pe ecran nu pot fi reproduse la imprimare. Acesta este motivul pentru care designerii ar trebui să lucreze în CMYK la crearea materialelor tipărite și să folosească culorile Pantone pentru potrivirea precisă a culorilor.
Care este diferența dintre HSL și HSV?
Ambele folosesc nuanța și saturația, dar diferă în a treia componentă. Luminozitatea HSL variază de la 0 (negru) prin 0,5 (culoare pură) la 1 (alb). Valoarea HSV variază de la 0 (negru) la 1 (luminozitate deplină). În HSL, o saturație de 100% la luminozitate 50% dă culoarea cea mai pură. În HSV, saturația 100% și valoarea 100% dau culoarea cea mai pură. HSL este în general mai intuitiv pentru design web.