Convertidor de Código de Color (HEX/RGB/HSL)

Convierte colores entre formatos HEX, RGB y HSL con vista previa en vivo.

Input Format
#

Color Values

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

Use la calculadora Convertidor de Código de Color (HEX/RGB/HSL) de arriba para calcular sus resultados. Ingrese sus valores y vea resultados instantáneos — todos los cálculos se ejecutan en su navegador.

Aviso: Esta calculadora es solo para fines informativos y no constituye asesoramiento fiscal, financiero o legal. Los resultados son estimaciones basadas en la información que proporciona y las tasas actuales. Siempre consulte a un profesional de impuestos o asesor financiero calificado para asesoramiento específico a su situación.

Cómo funciona

Nuestro Convertidor de Códigos de Color traduce sin problemas entre los formatos de color HEX, RGB y HSL, proporcionando una herramienta crucial para diseñadores, desarrolladores y artistas digitales. En 2026, con la proliferación de la realidad aumentada.

La conversión se basa en algoritmos bien establecidos. HEX a RGB implica analizar los pares hexadecimales en sus equivalentes decimales para los componentes rojo, verde y azul. RGB a HSL utiliza una serie de fórmulas matemáticas para transformar los valores RGB en matiz, saturación y luminosidad.

Un error común es olvidar que la saturación y luminosidad HSL son porcentajes, no valores absolutos como RGB. Además, asegúrese de que su entrada HEX siempre tenga 6 caracteres (por ejemplo, #FF0000) o 3 caracteres (por ejemplo, #F00) para una conversión correcta.

Fuente: IETF · Última actualización: April 2026

Preguntas frecuentes

¿Cómo se convierte HEX a RGB?
Divide el código hexadecimal de 6 dígitos en 3 pares. Convierte cada par de hexadecimal a decimal. Por ejemplo, #FF5733 se convierte en R=255 (FF), G=87 (57), B=51 (33).
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX usa un código de 6 caracteres (#RRGGBB), RGB especifica valores de rojo/verde/azul (0-255 cada uno), y HSL usa tono (0-360°), saturación (0-100%) y luminosidad (0-100%). HSL es el más intuitivo para ajustar colores.
¿Cómo se encuentra el código HEX para un color?
Usa una herramienta de selección de color o las herramientas de desarrollo del navegador (inspeccionar elemento, haz clic en la muestra de color). También puedes usar este convertidor para ingresar valores RGB o HSL y obtener el equivalente HEX al instante.