Esta herramienta convierte entre tres representaciones comunes de color digital utilizadas en desarrollo web, diseño y programación gráfica.

HEX (Hexadecimal)

Un código base-16 de 6 dígitos. Cada par representa Rojo (00–FF), Verde (00–FF) y Azul (00–FF). #FF5733 = R:255, G:87, B:51. El estándar universal para colores en CSS, HTML y herramientas de diseño.

RGB (Rojo, Verde, Azul)

Un modelo aditivo donde la luz se combina para formar colores. Cada canal varía 0–255. rgb(255,87,51) = blanco + rojo + verde con azul reducido. Sintaxis CSS: rgb(R, G, B). Todos los canales en 255 = blanco; todos en 0 = negro.

HSL (Tono, Saturación, Luminosidad)

Una representación cilíndrica diseñada para legibilidad humana. El tono es el ángulo en la rueda de colores (0°=rojo, 120°=verde, 240°=azul). La saturación es cuán vívido es el color (0%=gris, 100%=color completo). La luminosidad es cuán brillante (0%=negro, 50%=normal, 100%=blanco).

Cuándo Usar Cada Formato

• HEX: Mejor para CSS, estilos en línea y cuando necesitas la notación más corta.
• RGB: Útil cuando necesitas manipular canales individuales programáticamente.
• HSL: Más intuitivo para crear escalas de color y paletas.