Convertor HEX în RGB: coduri de culoare, HSL, CMYK – Gratuit
Gratuit, fără înregistrare, funcționează în browser. Convertește HEX în RGB sau RGB în HEX pe măsură ce scrii: lipește un cod de culoare în orice format și primești HEX, RGB, HSL, HSV și CMYK deodată, fiecare cu un buton de copiere. Setează opacitatea pentru HEX de 8 cifre și rgba() și vezi cât de lizibil este textul alb sau negru pe culoare.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Contrastul pentru text
AA cere 4.5:1 pentru text normal și 3:1 pentru text mare; AAA cere 7:1. Contrastul se măsoară pe culoarea plină.
Totul se convertește pe dispozitivul tău.
De ce să folosești Convertor de culori HEX în RGB
- 100% gratuit
- Folosește-l oricât de des vrei. Fără înregistrare, fără filigran, nimic de instalat.
- Privat prin design
- Ce scrii rămâne în browser și nu ne este trimis niciodată.
- Funcționează pe orice dispozitiv
- Rulează în browser pe Windows, Mac, Linux, Android și iPhone. Nu e nevoie de aplicație.
Cum să folosești Convertor de culori HEX în RGB
- Lipește o culoare în Culoare în orice format, cum ar fi #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) sau cmyk(82%, 64%, 0%, 0%), ori folosește Alege din paletă.
- Trage glisorul Opacitate dacă ai nevoie de transparență. HEX primește două cifre în plus, iar RGB devine rgba().
- Apasă butonul de copiere de lângă HEX, RGB, HSL, HSV sau CMYK.
- Sub Contrast pentru text, verifică dacă textul alb sau negru se citește bine pe culoare.
Întrebări frecvente
Cum convertesc HEX în RGB?
Împarte cele șase cifre în trei perechi și citește fiecare pereche ca un număr de la 0 la 255. Pentru #2F5BFF, 2F = 47, 5B = 91 și FF = 255, deci rgb(47, 91, 255). Acest instrument o face pe măsură ce scrii.
Cum convertesc RGB în HEX?
Lipește valoarea RGB, cum ar fi rgb(47, 91, 255) sau doar 47, 91, 255, și copiază linia HEX. Fiecare număr de la 0 la 255 devine două cifre hexazecimale: 47 este 2F, 91 este 5B, iar 255 este FF.
Ce fac codurile HEX de 8 cifre?
Ultimele două cifre sunt opacitatea (alfa), de la 00 (transparent) la FF (plin). #2F5BFF80 este aproximativ 50% opac. Formele scurte ca #abc și #abcd funcționează și ele.
Care este diferența dintre HEX, RGB și HSL?
Descriu aceeași culoare în moduri diferite. HEX și RGB dau cantitatea de roșu, verde și albastru (HEX în baza 16), iar HSL dă nuanța, saturația și luminozitatea, care se ajustează mai ușor manual. Toate trei funcționează în CSS.
Ce este HSV și cu ce diferă de HSL?
HSV (numit și HSB) folosește nuanța, saturația și valoarea, modelul pe care îl folosesc multe aplicații de design în selectoarele lor de culoare. În HSL, 100% luminozitate este mereu alb; în HSV, 100% valoare este cea mai luminoasă versiune a culorii.
De ce valorile CMYK arată diferit la imprimare?
Conversia de la ecran la tipar depinde de imprimantă, cerneală și hârtie. CMYK afișat aici este o conversie matematică simplă; cere imprimantei profilul ei de culoare pentru rezultate exacte.
Ce înseamnă raportul de contrast?
Măsoară cât de lizibil este textul alb sau negru pe culoare. Ghidurile de accesibilitate (WCAG) cer cel puțin 4.5:1 pentru text normal și 3:1 pentru text mare, iar 7:1 pentru nivelul mai strict AAA.
Se trimite ceva undeva?
Nu. Conversiile se fac pe dispozitivul tău.
Este Convertor de culori HEX în RGB gratuit?
Da. Se folosește gratuit, fără înregistrare și fără nimic de instalat.
Ghiduri de ajutor și tutoriale (în engleză)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
Unelte similare
- Găsitor de nume de culoriLipește un cod HEX, RGB sau HSL, sau alege o culoare, și vezi cele mai apropiate nume CSS, cel mai apropiat primul. Răsfoiește și filtrează cele 148 de culori.
- Verificator de contrast al culorilorVerifică contrastul WCAG dintre text și fundal, cu rezultate AA și AAA pentru text, text mare și butoane. Dacă nu trece, alege o culoare apropiată.
- Generator de palete de culoriGenerează o paletă de cinci culori cu bara de spațiu, blochează ce-ți place sau pornește de la culoarea ta. Exportă în CSS, Tailwind, JSON sau HEX.
- Generator de gradient CSSCreează un gradient liniar, radial sau conic cu 2 până la 8 culori, vezi-l live și copiază codul CSS. Descarcă și ca imagine PNG.