Conversor de color
Convierte colores entre HEX, RGB y HSL.
Tus archivos permanecen en tu dispositivo
Esta herramienta procesa todo localmente en tu navegador. No se sube nada a ningún servidor.
📝 Acerca de Conversor de color
El Conversor de color toma un código de color HEX y muestra al instante los valores RGB y HSL equivalentes, cada uno con su propio botón «Copiar». Puedes escribir un código de seis dígitos como #ff3a73 en el campo de texto o elegir un color visualmente con el selector de color, y los resultados se actualizan sobre la marcha.
Los tres formatos describen el mismo color de distintas maneras. HEX agrupa el rojo, el verde y el azul en una cadena compacta, habitual en CSS y en las herramientas de diseño. RGB expresa esos tres canales como números de 0 a 255, lo que resulta práctico para programar y editar imágenes. HSL expresa el tono como un ángulo de 0 a 360 grados, junto con la saturación y la luminosidad en porcentajes, lo que facilita crear variantes más claras, más oscuras o más apagadas de un color de marca ajustando un solo número.
El campo de texto acepta códigos HEX de seis dígitos; la forma abreviada de tres dígitos como #f00 debe ampliarse primero a #ff0000. Los valores HSL se redondean a números enteros. Todas las conversiones se calculan en tu navegador.
📘 Cómo usar
- 1
Escribe o elige un color
Escribe un código HEX de seis dígitos en el campo de texto o haz clic en la muestra de color para elegir uno visualmente.
- 2
Consulta las conversiones
Las filas HEX, RGB y HSL se actualizan automáticamente para mostrar el mismo color en cada formato.
- 3
Copia un valor
Haz clic en el botón «Copiar» junto al formato que necesites y pégalo en tu CSS o en tu herramienta de diseño.
❓ Preguntas frecuentes
¿Puedo introducir un código HEX de tres dígitos como #fff?
El conversor espera seis dígitos, así que amplía la forma abreviada duplicando cada dígito; por ejemplo, #fff pasa a ser #ffffff.
¿Admite transparencia (alfa)?
No. La herramienta solo convierte colores opacos, por lo que no admite códigos HEX de ocho dígitos con alfa, RGBA ni HSLA.
¿Necesito el símbolo #?
No. El # es opcional al escribir, y los resultados RGB y HSL aparecerán igualmente.
¿Cuándo es más útil HSL que RGB?
HSL es práctico cuando quieres ajustar un color de forma intuitiva, por ejemplo aclararlo subiendo la luminosidad o crear una paleta manteniendo fijo el tono.