Conversor de colores
Convierte cualquier color entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH y OKLCH. Pega un código, ve el color y copia cada formato con un clic.
Ejemplos:
Conversiones
El CMYK es una conversión simple sin perfil ICC. Para trabajos de impresión, pide a tu imprenta una conversión basada en su perfil.
Cómo usar el conversor de colores
- Escribe o pega un color en el campo Entrada. El formato se detecta automáticamente:
#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 nombre comotomato. - Las conversiones aparecen mientras escribes. También puedes pulsar Intro o hacer clic en Convertir.
- Fíjate en la muestra: enseña el color y el Formato detectado, para que sepas cómo se ha interpretado tu entrada.
- Pulsa Copiar junto al formato que necesites. Usa los botones de ejemplo para probar entradas habituales.
La conversión se hace íntegramente en tu navegador.
Formatos compatibles
| Formato | Ejemplo | Uso típico |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, herramientas de diseño |
| RGB | rgb(255, 99, 71) |
CSS, código, editores de imagen |
| HSL | hsl(9, 100%, 64%) |
CSS, ajustar la luminosidad |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, selectores de color |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
impresión (ver la nota más abajo) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), ciencia del color |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
CSS moderno, sistemas de diseño |
Los resultados en HEX, RGB, HSL, HWB, LAB, LCH y OKLCH son CSS válido que puedes pegar directamente en una hoja de estilos. HSV y CMYK no son notaciones CSS, así que se escriben con el estilo de función habitual para que se lean con facilidad.
Si tu entrada tiene transparencia (por ejemplo rgb(255 0 0 / 50%)), el conversor la conserva: el HEX pasa a un código de ocho dígitos como #FF000080 y los demás formatos incluyen un valor alfa.
Cómo funcionan las conversiones
RGB, HEX, HSL, HSV y HWB son distintas formas de escribir los mismos valores sRGB, así que se convierten de forma exacta (salvo redondeo). LAB y LCH siguen la definición de CSS Color 4, que usa el punto blanco D50 con adaptación cromática de Bradford. Algunos conversores en línea usan D65, por lo que sus valores LAB pueden variar unas pocas unidades para el mismo color. OKLCH usa el modelo Oklab de Björn Ottosson, el mismo que usan los navegadores para oklch().
Si introduces un color LAB, LCH u OKLCH demasiado saturado para una pantalla normal, queda fuera de la gama sRGB y no tiene equivalente HEX. La herramienta muestra entonces un aviso y lo ajusta al color visualizable más cercano, reduciendo su croma pero manteniendo la luminosidad y el tono.
El CMYK es una aproximación
Los valores CMYK usan la fórmula simple K = 1 − max(R, G, B) y C = (1 − R − K) / (1 − K), y lo mismo para M e Y. No interviene ningún perfil ICC, así que las cifras no predicen lo que imprimirá una máquina concreta. Para trabajos de impresión profesionales, convierte en tu programa de maquetación con el perfil que te facilite la imprenta (por ejemplo FOGRA39 o GRACoL). La conversión de CMYK a RGB usa la fórmula inversa, R = (1 − C)(1 − K).
Preguntas frecuentes
¿Cómo convierto HEX a RGB a mano?
Divide el código en tres pares y convierte cada uno de base 16 a base 10. Para #FF6347: FF = 255, 63 = 99, 47 = 71, así que el color es rgb(255, 99, 71).
¿Qué diferencia hay entre HSL y HSV?
Ambos usan un ángulo de tono y una saturación, pero el tercer valor de HSL es la luminosidad (50 % es el color puro y 100 %, el blanco), mientras que el de HSV es el valor o brillo (100 % es el color puro o el blanco, según la saturación). Por eso un mismo color tiene cifras de saturación distintas en cada modelo.
¿Por qué mi valor LAB no coincide con el de otro conversor?
Lo más probable es que se deba al punto blanco. Esta herramienta usa D50, como lab() en CSS. Los conversores basados en D65 dan cifras algo diferentes. Ambos son correctos en su propia referencia.
¿Puedo convertir CMYK a HEX?
Sí. Escribe algo como cmyk(0%, 61%, 72%, 0%) o cmyk(0, 0.61, 0.72, 0). Ten en cuenta que el resultado es una aproximación sin perfil de color.
¿Acepta colores sin el signo #?
Sí. Reconoce ff6347, f64 e incluso tres números separados por comas, como 255, 99, 71.
Herramientas relacionadas
- Selector de colores Selector de colores online y gratuito. Elige cualquier color y copia al instante sus códigos HEX, RGB, HSL, HSV y CMYK, con su contraste sobre blanco y negro.
- Generador de paletas de colores Genera paletas de colores a partir de un color base con reglas de armonía: complementaria, análoga, triádica, tetrádica, cuadrada y monocromática.
- Cuentagotas de color para imágenes Sube una imagen y haz clic en cualquier píxel para obtener su color en HEX, RGB, HSL, HSV y CMYK. Lupa, promedio y lista de colores, todo en tu navegador.