Conversor de Código de Color Gratuito en Línea
Convierte colores entre HEX, RGB, HSL, HSV y CMYK.
Who uses the Conversor de Código de Color?
- Desarrolladores frontend que convierten una muestra HEX de una herramienta de diseño a RGB o HSL para una variable CSS.
- Estudiantes que aprenden cómo HEX, RGB y HSL representan de forma distinta el mismo color.
- Diseñadores que verifican un valor de color copiado de una guía de estilo o una captura de pantalla.
How the Conversor de Código de Color works
Elige una pestaña — HEX, RGB o HSL — según el formato de tu color.
Introduce el valor: un código HEX como #FF5733, o campos numéricos R/G/B o H/S/L.
Los otros dos formatos y la muestra de color se actualizan automáticamente mientras escribes.
Lee los valores HEX, RGB y HSL en la línea de resultado debajo de la muestra.
Tips & tricks
- Cambia de pestaña según tu formato de entrada — los campos de cada pestaña son independientes, no un único campo universal.
- La muestra se actualiza en vivo, lo que te permite comprobar visualmente un valor convertido antes de copiarlo.
- HSL suele ser más fácil para ajustar el brillo o la intensidad de un color — sube L para aclarar, baja S para atenuar.
- No hay canal alfa/transparencia — para CSS con transparencia, añade el valor alfa manualmente después de convertir (ej. rgba(r, g, b, 0.5)).
Frequently Asked Questions
¿Qué formatos de color CSS admite esta herramienta?
Esta herramienta convierte entre HEX (3 o 6 dígitos), RGB y HSL — los tres formatos de color CSS más comunes. Por ahora no admite canales alfa RGBA/HSLA, HSB/HSV, CMYK ni colores CSS con nombre como «coral».
¿Cuál es la diferencia entre RGB y HSL?
RGB define un color por sus componentes rojo, verde y azul (0–255 cada uno). HSL lo define por matiz (0-360°), saturación (0-100%) y luminosidad (0-100%) — a menudo más intuitivo para ajustar un color, ya que puedes aclararlo o desaturarlo sin recalcular el RGB.
¿Cómo convierto un color CSS con nombre como «coral» a HEX?
Esta herramienta no busca colores con nombre — introduce directamente su valor HEX (coral = #FF7F50). Puedes encontrar el valor HEX de un color con nombre en la especificación CSS Color Module o en el selector de color de cualquier navegador.
¿Qué es HSB/HSV y esta herramienta lo admite?
HSB (matiz, saturación, brillo), también llamado HSV, se usa en Photoshop y muchas herramientas de diseño — es similar a HSL pero define el tercer canal de forma diferente. Esta herramienta solo convierte HEX/RGB/HSL; si tu origen es HSB, conviértelo primero en tu herramienta de diseño.
¿Puedo convertir colores con propiedades personalizadas de CSS (variables)?
Introduce el valor de color real, no el nombre de la variable. Resuelve primero --my-color a su valor y luego conviértelo. La herramienta trabaja con valores de color reales, no con referencias a variables CSS.
Is my data safe when using the Conversor de Código de Color?
Completely safe. The Conversor de Código de Color processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Conversor de Código de Color output in commercial projects?
Yes. The Conversor de Código de Color is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Conversor de Código de Color follow official standards?
Yes. The Conversor de Código de Color is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.