¿Cómo convierto un color RGB a hexadecimal?

Escribe el valor en el campo RGB, por ejemplo rgb(46, 139, 87), y el campo HEX mostrará al instante su equivalente #2E8B57. No hace falta ningún paso aparte: en cuanto el valor RGB es válido, el código hexadecimal aparece listo para copiar.

¿Y para pasar de hexadecimal a RGB?

Funciona igual en sentido contrario. Pega un código como #2E8B57 en el campo HEX y el campo RGB se actualiza a rgb(46, 139, 87) automáticamente. Como todos los formatos están sincronizados, la conversión es bidireccional sin tener que cambiar de modo.

¿Puedo convertir colores RGB a CMYK para imprenta?

Sí. Los campos CMYK y CMYKA se actualizan cada vez que cambias cualquier otro formato, así obtienes los valores de cian, magenta, amarillo y negro listos para impresión. Ten en cuenta que CMYK depende del dispositivo, por lo que el color en pantalla y el impreso pueden variar ligeramente.

¿Puedo editar un formato y que se actualicen todos los demás?

Sí. El convertidor se sincroniza en ambos sentidos. Si editas RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, el resto de formatos se actualiza en cuanto el valor introducido es válido.

¿Cómo se gestiona la transparencia al convertir?

HEX se muestra sin canal alpha porque la página se centra en los formatos solicitados. La transparencia se conserva en RGBA, HSLA, HSVA y CMYKA, y la vista previa siempre refleja la opacidad actual.

¿Es privado este convertidor de color?

Sí. Toda la lógica de conversión se ejecuta localmente en tu navegador, por lo que tus valores de color nunca se suben a ningún servidor.

Herramientas de color

Convertidor de color online | Sincronización RGB, HEX, HSL, HSV y CMYK

Convierte colores entre RGB, HEX, HSL, HSV y CMYK: edita un formato y los demás valores se sincronizan al instante. Convertidor de colores gratis.

Sincronización en vivoSin subir archivos

Vista previa visual

Usa la muestra, el selector nativo y el control alpha para ajustar el mismo color en todos los formatos.

Color de vista previa

#3B82F6

rgba(59, 130, 246, 0.84)

Selector de color

#3B82F6

Alpha

0.84

Canales en vivo

HEX

R: 59
G: 130
B: 246
A: 0.84

Consejo de edición

Si un campo queda inválido mientras escribes, se mantiene activo el último color válido. Completa el valor y los demás formatos volverán a sincronizarse automáticamente.

Sincronización en vivoSin subir archivos

Editor bidireccional de formatos de color

Todos los formatos de abajo son editables. Cambia HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK o CMYKA y los demás modelos de color permanecerán sincronizados al momento.

HEX

origen

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Explicación

RGB

RGB es un modelo de color estándar formado por los canales rojo (R), verde (G) y azul (B). Al ajustar la intensidad de esos tres canales, RGB puede representar la mayoría de los colores visibles en pantalla y es uno de los sistemas más usados en medios digitales.

RGBA

RGBA es RGB con un canal alfa para la transparencia. R, G y B usan normalmente valores de 0 a 255, mientras que A suele expresarse entre 0 y 1 o entre 0% y 100%. Es habitual en CSS cuando el mismo color necesita distintos niveles de opacidad.

HEX

HEX es una forma hexadecimal de representar colores. Se usa mucho en diseño web y CSS porque es compacta y fácil de copiar. Un valor como #2E8B57 guarda rojo, verde y azul como pares hexadecimales, y las variantes extendidas también pueden incluir transparencia.

HSL

HSL (tono, saturación, luminosidad) representa los colores RGB en un sistema cilíndrico. H indica la familia del color, S la pureza del color y L el brillo. 0% es lo más oscuro, 50% es equilibrado y 100% es lo más claro.

HSLA

HSLA es la versión de HSL con canal alfa. Mantiene tono, saturación y luminosidad, y añade transparencia, lo que lo hace útil para sombras, superposiciones, rellenos semitransparentes y estados de interfaz.

HSV

HSV (tono, saturación, valor) es un espacio de color creado por A. R. Smith en 1978. También se conoce como Hexcone Model. Como el valor describe directamente lo brillante que se ve un color, HSV suele ser más intuitivo al elegir colores.

HSVA

HSVA amplía HSV con un canal alfa. Es útil cuando quieres trabajar con tono, saturación y valor de forma intuitiva y además describir opacidad para interfaces y gráficos en capas.

CMYK

CMYK es un modo de color usado en impresión. El material impreso depende de la luz reflejada para verse, por eso es adecuado para periódicos, envases y folletos. A diferencia del RGB de pantalla, CMYK está pensado para tinta sobre papel.

CMYKA

CMYKA amplía CMYK añadiendo un canal alfa. Resulta útil cuando necesitas describir valores de cian, magenta, amarillo y negro junto con transparencia para traspasos de diseño o recursos en capas.

Cómo usar el convertidor de color online

Pega o escribe un valor en cualquier campo, como HEX, RGB, RGBA, HSL, HSV o CMYK.

En cuanto el valor sea válido, la herramienta lo convertirá automáticamente a todos los demás formatos admitidos.

Usa la vista previa, el selector de color, el control alpha y las acciones de copia para ajustar y exportar el color exacto que necesitas.

Funciones principales

Sincronización bidireccional de formatos

Cambia cualquier formato compatible y mantén RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK y CMYKA sincronizados en tiempo real.

Controles visuales de color

Ve el color actual al instante con una muestra en vivo, el selector del navegador, el control alpha y la lectura de canales.

Conversión en el navegador

Cada campo acepta la sintaxis habitual y toda la conversión ocurre en el navegador para ser rápida y privada.

Preguntas frecuentes del convertidor de color

¿Puedo editar cualquier formato de color y actualizar todos los demás?

Sí. El convertidor sincroniza en ambos sentidos. Si editas RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, los demás formatos se actualizan en cuanto el valor sea válido.

¿Cómo se gestiona la transparencia durante la conversión?

HEX se muestra sin alpha porque la página se centra en los formatos que solicitaste. La transparencia se conserva en RGBA, HSLA, HSVA y CMYKA, y la vista previa siempre refleja la opacidad actual.

¿Este convertidor de color es privado?

No. Toda la lógica de conversión se ejecuta localmente en tu navegador, así que tus valores de color no se suben a ningún servidor.

Convierte cualquier color entre HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK y CMYKA desde un mismo sitio. Escribe un valor en un solo campo —por ejemplo, pega un código RGB para obtener su hexadecimal al instante— y el resto de formatos se sincronizan en ambos sentidos. Incluye vista previa en vivo, selector de color nativo y control alpha para ajustar la opacidad. Toda la conversión ocurre en tu navegador, así que tus valores de color nunca se suben a ningún servidor.

Cómo usar el convertidor de color

1
Introduce un valor de color
Pega o escribe un valor en cualquier campo: #2E8B57 en HEX, rgb(46, 139, 87) en RGB o hsl(146, 50%, 36%) en HSL.
2
Mira cómo se sincroniza todo
En cuanto el valor es válido, la herramienta lo convierte a la vez a todos los formatos: RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK y CMYKA.
3
Ajusta el color
Usa la muestra en vivo, el selector de color nativo y el control alpha para afinar el tono y la opacidad, o pulsa Aleatorio para explorar colores nuevos.
4
Copia o exporta
Haz clic en cualquier campo para copiar su valor, o usa Copiar todo para llevarte todos los formatos a la vez a tu CSS, tus archivos de diseño o tu código.

Referencias

W3C — CSS Color Module Level 4
Especificación del W3C que define los formatos de color de CSS, incluidos hex, rgb(), hsl(), hwb() y la sintaxis de color moderna.
MDN — Valor CSS <color>
Referencia de MDN sobre todas las notaciones de color de CSS, incluidos HEX, RGB/RGBA y HSL/HSLA, y cómo funciona la transparencia alpha.

Herramientas relacionadas

Minificador de CSS

Minifica el CSS que usa tus valores de color HEX, RGB y HSL convertidos.

Visor de SVG

Previsualiza e inspecciona gráficos SVG que dependen de colores de relleno y trazo.

Imagen a Base64

Codifica imágenes en cadenas Base64 para usarlas en línea junto a tus estilos de color.

Formateador de JSON

Embellece y valida el JSON donde guardas paletas de color y tokens de diseño.

Preguntas frecuentes

¿Cómo convierto un color RGB a hexadecimal?: Escribe el valor en el campo RGB, por ejemplo rgb(46, 139, 87), y el campo HEX mostrará al instante su equivalente #2E8B57. No hace falta ningún paso aparte: en cuanto el valor RGB es válido, el código hexadecimal aparece listo para copiar.
¿Y para pasar de hexadecimal a RGB?: Funciona igual en sentido contrario. Pega un código como #2E8B57 en el campo HEX y el campo RGB se actualiza a rgb(46, 139, 87) automáticamente. Como todos los formatos están sincronizados, la conversión es bidireccional sin tener que cambiar de modo.
¿Puedo convertir colores RGB a CMYK para imprenta?: Sí. Los campos CMYK y CMYKA se actualizan cada vez que cambias cualquier otro formato, así obtienes los valores de cian, magenta, amarillo y negro listos para impresión. Ten en cuenta que CMYK depende del dispositivo, por lo que el color en pantalla y el impreso pueden variar ligeramente.
¿Puedo editar un formato y que se actualicen todos los demás?: Sí. El convertidor se sincroniza en ambos sentidos. Si editas RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK o CMYKA, el resto de formatos se actualiza en cuanto el valor introducido es válido.
¿Cómo se gestiona la transparencia al convertir?: HEX se muestra sin canal alpha porque la página se centra en los formatos solicitados. La transparencia se conserva en RGBA, HSLA, HSVA y CMYKA, y la vista previa siempre refleja la opacidad actual.
¿Es privado este convertidor de color?: Sí. Toda la lógica de conversión se ejecuta localmente en tu navegador, por lo que tus valores de color nunca se suben a ningún servidor.