HEX · RGB · HSL · HSV · CMYK
Convertidor de color
El color #0060fd es rgb(0, 96, 253), hsl(217, 100%, 50%) y cmyk(100%, 62%, 0%, 1%). Escribe cualquier color CSS o usa el selector para convertir el tuyo.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Los recuadros se actualizan mientras escribes. Si el texto no es un color, aparece un error y el último color válido sigue en pantalla.
Scanned by 
NortonTM Safe Web
De un vistazo
- Precio
- Sin coste
- Cuenta
- No hace falta
- Subida
- No aplica: escribes un color y nada se envía a ningún sitio
- Entrada
- HEX (3, 4, 6 u 8 dígitos), rgb(), hsl(), hwb(), 148 nombres de color CSS y transparent
- Salida
- HEX, RGB, HSL, HSV, CMYK y el nombre de color CSS más cercano
- CMYK
- Conversión matemática, no un perfil de impresión
Colores habituales en todos los modelos
Estas filas las produjo el mismo código que el convertidor. HSL, HSV y CMYK están redondeados a números enteros.
| Escrito | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Cómo convertir un color
Escribe un color
Introduce un código HEX de 3, 4, 6 u 8 dígitos, un valor rgb(), hsl() o hwb(), o uno de los 148 nombres de color CSS. También puedes hacer clic en la caja de color y elegir un color con el selector de tu navegador.
Lee los otros modelos
La muestra enseña el color sobre un tablero de ajedrez, así que la transparencia se ve. Los recuadros muestran el mismo color en HEX, RGB, HSL, HSV y CMYK, y el nombre de color CSS más cercano.
Copia lo que necesites
Pulsa Copiar en un recuadro para poner ese valor en el portapapeles, listo para pegarlo en una hoja de estilos, una herramienta de diseño o un documento.
Cómo se relacionan los modelos de color
RGB describe un color como las cantidades de luz roja, verde y azul que una pantalla suma, cada una de 0 a 255; #0060fd es 0 de rojo, 96 de verde y 253 de azul. HEX son esos mismos tres números escritos en base 16, así que 96 es 60 y 253 es fd. HSL y HSV describen el mismo color como un ángulo de tono de 0 a 360 grados en la rueda de color más dos porcentajes: la saturación y la luminosidad (HSL) o el valor (HSV). #0060fd tiene tono 217 en ambos. CMYK describe la tinta: cian, magenta, amarillo y negro se restan del papel blanco.
El CMYK que se muestra aquí es la conversión matemática simple: el negro es 1 menos el mayor de R, G y B, y el cian, el magenta y el amarillo son lo que queda. No es un perfil de impresión, así que una impresora o un programa de diseño que use perfiles ICC darán otros números CMYK para el mismo color. Los valores HSL se muestran como números enteros, así que volver a convertir un valor redondeado puede mover un canal unas pocas unidades: hsl(217, 100%, 50%) es #0062ff, no #0060fd. El nombre CSS más cercano es la palabra clave con la menor diferencia de color CIE76 en el espacio L*a*b*. Todo se ejecuta en tu navegador y nada se envía a ningún sitio.
Preguntas sobre el convertidor de color
¿Cómo convierto HEX a RGB?
Divide los seis dígitos en tres pares y lee cada par como un número en base 16. #0060fd es 00, 60 y fd, que son 0, 96 y 253, así que el color es rgb(0, 96, 253). Pega el código HEX en el campo y el recuadro RGB muestra el resultado.
¿Qué significan los dos últimos dígitos de un código HEX de 8 dígitos?
Son el canal alfa, la opacidad, desde 00 (totalmente transparente) hasta ff (totalmente opaco). #0060fd80 es el mismo azul con 128 de 255, que es una opacidad de aproximadamente 50.2%, por lo que se muestra como rgba(0, 96, 253, 0.502). Un código de 4 dígitos como #06f8 funciona igual, con cada dígito duplicado.
¿Qué diferencia hay entre HSL y HSV?
Ambos usan tono y saturación, pero el tercer valor es distinto. En HSL, una luminosidad del 50% es el color puro, 0% es negro y 100% es blanco. En HSV, un valor del 100% es la versión más brillante del color, y el blanco necesita una saturación del 0%. El mismo azul es hsl(217, 100%, 50%) y hsv(217, 100%, 99%).
¿Puedo usar el resultado CMYK para imprimir?
Úsalo solo como punto de partida. Esta página usa la fórmula simple entre RGB y CMYK, que no sabe nada de tintas, papel ni del perfil de una impresora. Una imprenta o un programa de diseño con perfil de color convertirá el mismo color RGB a otros números CMYK.
¿Qué formatos de color puedo escribir?
HEX con o sin #, de 3, 4, 6 u 8 dígitos; rgb() y rgba() con comas o espacios, números o porcentajes, y un alfa opcional tras una barra; hsl(), hsla() y hwb() con un ángulo en deg, rad, grad o turn; los 148 nombres de color CSS como rebeccapurple; y transparent.
¿Por qué el nombre de color más cercano no coincide exactamente?
CSS tiene solo 148 nombres de color, así que la mayoría de los colores no tienen nombre propio. La página elige el nombre cuyo color se parece más, medido como la diferencia de color CIE76 en el espacio L*a*b*; para #0060fd es mediumslateblue. Cuando el color es exactamente uno con nombre, como #ff0000, la página indica que coincide exactamente.