Convertidor de color
Convierta colores entre los diferentes formatos (hex, rgb, hsl y nombre css)
Para convertir RGB a HEX o HEX a RGB, escriba un color en cualquier campo, como HEX, RGB o HSL; todos los demás formatos, incluidos CMYK y el nombre del color, se actualizan al instante.
Last updated:
Convertidor de color. Convierta colores entre los diferentes formatos (hex, rgb, hsl y nombre css) Transforme instantáneamente los valores de color con nuestro convertidor de color en lÃnea gratuito.
Esta herramienta esencial de desarrollo frontend y diseño de UI permite traducir rápidamente valores entre los formatos HEX, RGB, HSL, HSV y CMYK.
Ya sea que sea un desarrollador web que aplica estilos a componentes CSS, un diseñador gráfico que crea activos impresos o un artista de UI que coincide con las pautas de la marca, nuestra herramienta de traducción de colores garantiza mapeos de valores precisos.
Simplemente ingrese su código de color inicial y genere los valores de formato correspondientes al instante.
Esta herramienta premium de diseño aprovecha el procesamiento avanzado del lado del cliente para convertir sus colores directamente en su navegador, asegurando que sus paletas personales permanezcan totalmente privadas.
Ofrecemos una forma 100% gratuita, privada y segura de convertir colores localmente en su dispositivo. Herramientas relacionadas: Continúe el flujo con Codificador y decodificador Base64, Convertidor de archivos Base64, Decodificador de imágenes Base64.
Estas herramientas relacionadas ayudan con tareas cercanas de conversión, formato, validación, generación y limpieza.
Preguntas frecuentes
¿Cómo convierto RGB a HEX?
Escriba o pegue el valor RGB, por ejemplo rgb(255, 0, 0), en el campo RGB. El campo HEX muestra al momento #ff0000, y los campos HSL, HWB, LCH, CMYK y Nombre también se actualizan. Use el icono de copiar junto a un campo para copiar ese valor.
¿Cómo convierto un código de color HEX a RGB o HSL?
Introduzca el código HEX en el campo HEX con el signo #, por ejemplo #1ea54c. Funcionan códigos de tres, cuatro, seis y ocho dÃgitos (los dos últimos incluyen transparencia). Los campos RGB y HSL muestran entonces el mismo color, listo para copiar en su CSS.
¿Qué formatos de color admite el convertidor?
HEX, RGB, HSL, HWB, LCH, CMYK y nombres de color CSS, además de un selector de color visual. Cada campo acepta cualquiera de estas notaciones, asà que al pegar red o hsl(0, 100%, 50%) en cualquier cuadro se convierte a todos los demás formatos.
¿Por qué el campo Nombre muestra un nombre de color distinto?
El campo Nombre muestra la palabra clave de color CSS estándar más cercana. Si su color no coincide exactamente con uno de los colores CSS con nombre, se muestra el más próximo, asà que tome el nombre como una aproximación y no como una coincidencia exacta.
¿Es preciso el valor CMYK para imprimir?
El valor CMYK es una conversión matemática simple desde RGB sin perfil de color ICC. Es un buen punto de partida, pero los colores impresos dependen de la impresora, el papel y el perfil, asà que pida a su imprenta valores basados en perfiles para los colores de marca crÃticos.
¿Por qué veo un mensaje de formato no válido?
El texto no se pudo interpretar como un color. Las causas habituales son un código HEX sin el signo #, un número incorrecto de dÃgitos o un paréntesis que falta. Siga el ejemplo de cada campo, como hsl(0, 100%, 50%) o cmyk(0, 100%, 100%, 0).
Cómo usar esta herramienta online
Con Convertidor de color puede formatear, validar, convertir, decodificar, codificar, generar o revisar datos rápidamente en el navegador, sin abrir una aplicación pesada. Empiece con el campo de entrada o las opciones visibles, revise el resultado y copie o descargue la salida.
Procesamiento privado en el navegador
Convertidor de color mantiene el procesamiento normal de forma local en su navegador. Esto ayuda con fragmentos de código, tokens, documentos, valores de configuración, textos y otros contenidos que no deberÃan enviarse a un servicio remoto sin necesidad.
Cuándo resulta útil
Use Convertidor de color para tareas repetibles de desarrollo, documentación técnica, pruebas de QA, conversiones rápidas, depuración, limpieza de contenido y flujos internos de equipo. La página prioriza entradas claras, respuesta inmediata y una salida fácil de reutilizar.
Consejos prácticos
Antes de copiar el resultado, revise detalles como espacios, mayúsculas, nombres de archivo, codificación, estructura de tokens, saltos de lÃnea o formato de salida. Estas comprobaciones reducen errores en código, informes, tickets, correos o notas técnicas.