Convertidor de colores para HEX, RGB, HSL y CMYK
Este convertidor de colores transforma un color de un formato a otro en tiempo real, para que muevas un mismo valor entre HEX, RGB, HSL, HSV y CMYK sin hacer los cálculos a mano. Escribe un código, mira cómo se actualiza el resultado con cada tecla y cópialo con un clic.
Está pensado para desarrolladores web que ajustan formatos de color en CSS, diseñadores que pasan colores de una herramienta a otra y profesionales de impresión que necesitan convertir colores de pantalla a CMYK listo para imprimir. Si sueles leer códigos HEX de un archivo de diseño o valores RGB de un CSS, esto mantiene cada formato a un solo clic.
Cómo convertir un color
Elige una conversión
Selecciona la conversión que necesitas en las pestañas: HEX → RGB, RGB → HEX, HEX → HSL, HSL → HEX, RGB → HSL o RGB → CMYK.
Escribe tu valor de color
Escribe el valor en el campo de entrada. HEX funciona con o sin # y admite la versión corta de 3 caracteres; RGB y HSL aceptan números separados por comas o el envoltorio completo rgb(...) / hsl(...).
O elige un color visualmente
Haz clic en la vista previa grande del color para abrir el selector de color. Elige cualquier color y el campo se rellena solo con el formato correcto de la pestaña activa y convierte al instante.
Copia el resultado
Pulsa el botón de copiar junto a la salida para enviar el valor convertido al portapapeles. Abre Todos los formatos para ver HEX, RGB, HSL, HSV y CMYK a la vez, cada uno con su propio botón de copiar.
Funciones
Conversión instantánea
Los colores se convierten en tiempo real mientras escribes. La salida se actualiza con cada tecla, sin ningún botón que pulsar.
Vista previa de color en vivo
Un cuadro de vista previa grande se actualiza al instante con una sombra dinámica teñida según el color que ingreses.
Selector visual de color
¿No sabes el código? Haz clic en la vista previa para abrir un selector y el campo se rellena con el formato correcto de forma automática.
Todos los formatos a la vez
Despliega Todos los formatos para ver tu color en HEX, RGB, HSL, HSV y CMYK uno al lado del otro, cada uno con un botón de copiar.
Copia con un clic
Cada salida tiene un botón de copiar. Un clic envía el valor al portapapeles con un aviso de confirmación.
Validación de entrada
Los valores no válidos se señalan con un mensaje claro y el campo se resalta en rojo hasta que el formato sea correcto.
Formatos de entrada flexibles
Acepta HEX con o sin #, HEX corto de 3 caracteres, y RGB o HSL como números sueltos o dentro de rgb() / hsl().
Diseño adaptable
El convertidor funciona en cualquier dispositivo y cambia a un diseño vertical en pantallas pequeñas para usarlo con más comodidad.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Abre la pestaña HEX → RGB y escribe tu código hexadecimal, como #3B82F6 (el # es opcional y la versión corta de 3 caracteres como #FFF también funciona). El valor RGB aparece al instante y un botón de copiar lo lleva a tu portapapeles.
¿Cómo convierto RGB a HEX?
Usa la pestaña RGB → HEX e ingresa tus valores como 59, 130, 246 o rgb(59, 130, 246). El código hexadecimal correspondiente se genera mientras escribes. RGB y HEX describen los mismos colores de pantalla, así que no hay pérdida de color en ninguna dirección.
¿Cuál es la diferencia entre RGB y CMYK?
RGB es un modelo aditivo para pantallas que mezcla luz roja, verde y azul. CMYK es un modelo sustractivo para impresión que usa tinta cian, magenta, amarillo y negro (key). CMYK tiene un rango de color más reducido, por lo que algunos colores muy vivos en pantalla no se pueden reproducir igual en impresión.
¿Cómo convierto un color a CMYK para impresión?
Abre la pestaña RGB → CMYK e ingresa tus valores RGB (o elige un color visualmente). La herramienta devuelve los porcentajes CMYK que puedes pasar a un trabajo de imprenta. Como CMYK es una gama más reducida, toma el resultado como un punto de partida cercano y confirma los colores clave con tu imprenta.
¿Qué es el color HSL y cuándo conviene usarlo?
HSL significa Tono (Hue), Saturación (Saturation) y Luminosidad (Lightness), y es más intuitivo que RGB para ajustar un color. Para aclarar, oscurecer o dar más viveza a un color cambias un solo valor en lugar de manejar tres, lo que es práctico para crear tintes, sombras y temas. Usa la pestaña HEX → HSL o RGB → HSL para obtener los valores HSL.
¿Puedo convertir CMYK de vuelta a RGB?
Esta herramienta convierte de RGB a CMYK y no al revés. Para hacer el camino inverso, usa la pestaña RGB → HEX para encontrar tu valor RGB o HEX, o recurre a una herramienta específica de CMYK a RGB cuando necesites exactamente esa dirección.
¿Se guardan o se envían mis datos a algún lado?
No. Cada conversión ocurre directamente en tu navegador. Tus valores de color nunca se envían a un servidor ni se guardan, y la herramienta sigue funcionando sin conexión una vez cargada la página.
Aún no hay comentarios. ¡Sé el primero en comentar!