Qué hace esta herramienta
El conversor acepta un color en cualquiera de los tres formatos comunes y muestra los tres. Cambia el campo HEX y los campos RGB y HSL se actualizan; cambia los canales RGB y los demás le siguen. Una vista previa en vivo muestra el color resultante.
Las fórmulas de conversión
HEX a RGB: cada par de dígitos hexadecimales es un canal, así que #3B82F6 significa rojo 0x3B = 59, verde 0x82 = 130, azul 0xF6 = 246.
RGB a HSL: con R, G, B en escala 0-1, la luminosidad L = (max + min) / 2. La saturación mide cuánto se separan los canales del gris: S = d / (1 - |2L - 1|) donde d = max - min. El tono es el ángulo en la rueda de color: 0 grados es rojo, 120 es verde, 240 es azul, calculado según el canal mayor.
HSL a RGB: el camino inverso. Una función auxiliar proyecta el ángulo de tono de vuelta a los tres canales usando el croma (intensidad del color) derivado de la saturación y la luminosidad.
Ejemplo práctico
#E74C3C se convierte en rgb(231, 76, 60) y hsl(6, 78%, 57%): un rojo anaranjado muy saturado y de luminosidad media.
Validación
El HEX debe tener 3 o 6 dígitos hexadecimales; los canales RGB deben ser enteros de 0 a 255; el tono debe estar entre 0 y 360, y la saturación y luminosidad entre 0 y 100. Cualquier otra cosa muestra un error y conserva el último color válido.
Limitaciones
Las conversiones redondean a enteros: convertir dos veces seguidas puede mover un canal en 1. Esa diferencia es invisible al ojo.