Convertidor de colors
Converteix entre HEX, RGB, HSL
Com usar Convertidor de colors
Converteix entre HEX, RGB, HSL Eina gratuïta en línia, sense registre, sense anuncis intrusius. Utilitza-la ara.
Per a què serveix un convertidor de colors?
Els colors en el disseny digital existeixen en múltiples formats, cadascun adequat per a contextos diferents. Convertir entre ells és una tasca diària per als dissenyadors web, els desenvolupadors de frontend i els dissenyadors gràfics que treballen amb diverses eines i plataformes.
- Desenvolupament CSS: Les eines de disseny exporten colors en HEX (#7B35F5), però el CSS accepta també RGB (rgb(123,53,245)) i HSL (hsl(264,91%,58%)). Convertiu entre ells per coincidir amb la vostra sintaxi CSS preferida i mantenir la consistència del codi.
- Coherència de marca: Un color corporatiu definit en Pantone s'ha d'expressar en HEX per al web, CMYK per a la impressió i RGB per a les pantalles — cadascun requereix una conversió precisa per garantir que el color és idèntic en tots els suports de comunicació.
- Accessibilitat: HSL facilita l'ajustament de la lluminositat mantenint el to constant — útil per crear variacions de color accessibles amb suficient contrast, complint les normatives d'accessibilitat web.
- Lliurament disseny-codi: Figma i Adobe XD exporten en HEX; alguns desenvolupadors prefereixen HSL pel seu model intuïtiu de to/saturació/lluminositat. Convertiu fàcilment durant la implementació.
- Preparació per a la impressió: Els colors de pantalla (RGB) s'han de convertir en CMYK per a la impressió. RGB té una gama més àmplia que CMYK — alguns colors vibrants a la pantalla no es poden reproduir fidelment en la impressió física.
Resum de formats: HEX (#RRGGBB) és concís i universal per al web. RGB (0-255 per canal) és el format natiu de les pantalles. HSL (to 0-360°, saturació 0-100%, lluminositat 0-100%) és el més intuïtiu per als humans. CMYK (0-100% per canal) és per a la impressió professional.
Frequently Asked Questions
Quina diferència hi ha entre RGB i RGBA?
RGBA afegeix un canal alfa (transparència) a RGB: rgba(123,53,245,0.5) és un violeta amb un 50% de transparència. El valor alfa va de 0 (totalment transparent) a 1 (totalment opac). Igualment, HSLA afegeix alfa a HSL. HEX suporta la notació de 8 dígits per a l'alfa: #7B35F580 (on 80 en hexadecimal = 50% d'opacitat).
Per qué RGB i CMYK representen gammes de colors diferents?
RGB és additiu — barrejar llum vermella, verda i blava produeix blanc (s'utilitza per a pantalles). CMYK és subtractiu — barrejar tintes cian, magenta, groc i negre absorbeix la llum (s'utilitza per a la impressió). RGB pot representar colors més vibrants del que CMYK pot reproduir en la impressió — els colors neó brillants a la pantalla sovint apareixen apagats en imprimir.
Qué és HSL i per qué és útil?
HSL (To, Saturació, Lluminositat) s'ha dissenyat per ser intuïtiu per als humans. El to és el color (0°=vermell, 120°=verd, 240°=blau). La saturació és la intensitat (0%=gris, 100%=viu). La lluminositat és la brillantor (0%=negre, 50%=color pur, 100%=blanc). Per aclarir o enfosquir un color sense canviar el seu to, simplement canvieu el valor L.
Com converto HEX a RGB manualment?
Dividiu el HEX de 6 dígits en tres parelles i convertiu cadascuna de base 16 a base 10. #7B35F5: 7B=123 (vermell), 35=53 (verd), F5=245 (blau) → rgb(123,53,245). Els convertidors en línia ho fan a l'instant, però entendre la conversió ajuda a llegir els valors HEX directament en el codi.
Qué són els perfils de color (sRGB, Adobe RGB, Display P3)?
Els perfils de color defineixen la gama de colors que un dispositiu pot mostrar. sRGB és l'estàndard per al web i la majoria de monitors. Adobe RGB cobreix aproximadament un 50% més de l'espectre visible — usat en fotografia professional. Display P3 (dispositius Apple) cobreix aproximadament un 25% més que sRGB. Les imatges en Adobe RGB apareixen apagades en pantalles sRGB si no es converteixen correctament.
Convertidor de colors vs selector de color vs generador de paletes
Un convertidor de colors tradueix un valor de color existent entre formats — és l'eina quan ja teniu el color i el necessiteu en un format diferent. Un selector de color (DevTools del navegador, selector de color del SO) permet seleccionar visualment un color i exportar-ne el valor. Un generador de paletes crea combinacions de colors harmonioses a partir d'un color base mitjançant les regles de la teoria del color. Un verificador de contrast comprova si una combinació de colors compleix els estàndards d'accessibilitat. Totes quatre eines es complementen en el flux de treball d'un dissenyador.