Convertidor de colors

Q: Puc convertir de CMYK a HEX?

Sí. Escriu alguna cosa com cmyk 0%, 61%, 72%, 0% o cmyk 0, 0.61, 0.72, 0 . Tingues en compte que el resultat és una aproximació sense perfil de color.

Q: Accepta colors sense el signe #?

Sí. Es reconeixen ff6347 , f64 i fins i tot tres nombres separats per comes, com 255, 99, 71 .

Converteix qualsevol color entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Enganxa un codi, mira el color i copia tots els formats amb un clic.

Entrada

Exemples:

Conversions

El CMYK és una conversió simple sense perfil ICC. Per a treballs d'impressió, demana a la teva impremta una conversió basada en el seu perfil.

Com utilitzar el convertidor de colors

Escriu o enganxa un color al camp Entrada. El format es detecta automàticament: #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) o un nom com tomato.
Les conversions apareixen mentre escrius. També pots prémer Retorn o fer clic a Converteix.
Mira la mostra: indica el color i el Format detectat, de manera que sàpigues com s’ha llegit la teva entrada.
Fes clic a Copia al costat del format que necessites. Fes servir els botons d’exemple per provar entrades habituals.

La conversió s’executa íntegrament al teu navegador.

Formats compatibles

Format	Exemple	Ús habitual
HEX	`#FF6347`	HTML, CSS, eines de disseny
RGB	`rgb(255, 99, 71)`	CSS, codi, editors d’imatges
HSL	`hsl(9, 100%, 64%)`	CSS, ajust de la lluminositat
HSV / HSB	`hsv(9, 72%, 100%)`	Photoshop, Figma, selectors de color
HWB	`hwb(9 28% 0%)`	CSS Color 4
CMYK	`cmyk(0%, 61%, 72%, 0%)`	impressió (vegeu la nota més avall)
LAB (D50)	`lab(62.99% 59.36 47.88)`	`lab()` de CSS, ciència del color
LCH	`lch(62.99% 76.27 38.89)`	`lch()` de CSS
OKLCH	`oklch(69.62% 0.1955 32.32)`	CSS modern, sistemes de disseny

Els resultats en HEX, RGB, HSL, HWB, LAB, LCH i OKLCH són CSS vàlid que pots enganxar directament en un full d’estils. HSV i CMYK no són notacions CSS, de manera que s’escriuen amb l’estil de funció convencional per facilitar-ne la lectura.

Si la teva entrada té transparència (per exemple rgb(255 0 0 / 50%)), el convertidor la conserva: el HEX passa a ser un codi de vuit xifres com #FF000080, i els altres formats reben un valor alfa.

Com funcionen les conversions

RGB, HEX, HSL, HSV i HWB són maneres diferents d’escriure els mateixos valors sRGB, de manera que es converteixen amb exactitud (llevat dels arrodoniments). LAB i LCH segueixen la definició de CSS Color 4, que fa servir el punt blanc D50 amb adaptació cromàtica de Bradford. Alguns convertidors en línia usen D65, de manera que els seus valors LAB poden diferir en unes quantes unitats per al mateix color. OKLCH fa servir el model Oklab de Björn Ottosson, el que utilitzen els navegadors per a oklch().

Quan introdueixes un color LAB, LCH o OKLCH massa saturat per a una pantalla normal, queda fora de la gamma sRGB i no té equivalent HEX. L’eina mostra aleshores un missatge i l’ajusta al color visualitzable més proper reduint-ne la croma i mantenint la lluminositat i el to.

El CMYK és una aproximació

Els valors CMYK es calculen amb la fórmula simple K = 1 − max(R, G, B) i C = (1 − R − K) / (1 − K), i el mateix per a M i Y. No hi intervé cap perfil ICC, de manera que els nombres no prediuen què imprimirà una premsa determinada. Per a treballs d’impressió professionals, converteix al teu programari de maquetació amb el perfil que et proporcioni la impremta (per exemple FOGRA39 o GRACoL). Per tornar de CMYK a RGB s’usa la fórmula inversa, R = (1 − C)(1 − K).

Preguntes freqüents

Com converteixo de HEX a RGB a mà?

Divideix el codi en tres parelles i converteix cadascuna de base 16 a base 10. Per a #FF6347: FF = 255, 63 = 99, 47 = 71, de manera que el color és rgb(255, 99, 71).

Quina diferència hi ha entre HSL i HSV?

Tots dos fan servir un angle de to i una saturació, però el tercer valor de l’HSL és la lluminositat (50 % és el color pur, 100 % és blanc) mentre que el de l’HSV és el valor o brillantor (100 % és el color pur o blanc, segons la saturació). Per això un mateix color té nombres de saturació diferents en cada model.

Per què el meu valor LAB és diferent del d'un altre convertidor?

Probablement pel punt blanc. Aquesta eina fa servir D50, com el lab() de CSS. Els convertidors basats en D65 donen valors lleugerament diferents. Tots dos són correctes en la seva referència.

Puc convertir de CMYK a HEX?

Sí. Escriu alguna cosa com cmyk(0%, 61%, 72%, 0%) o cmyk(0, 0.61, 0.72, 0). Tingues en compte que el resultat és una aproximació sense perfil de color.

Accepta colors sense el signe #?

Sí. Es reconeixen ff6347, f64 i fins i tot tres nombres separats per comes, com 255, 99, 71.