🎨 Conversor de Colores HEX ↔ RGB ↔ HSL

Conversión instantánea bidireccional y análisis de contraste WCAG.

Texto Blanco

3.68:1
AA Large ⚠️

Texto Negro

5.71:1
AA ✅

Paleta Básica

Ajustar Valores

Rojo (R) 59
Verde (G) 130
Azul (B) 246
Tono (H) 217
Saturación (S) 91%
Luminosidad (L) 60%

Información de Formatos de Color

El color digital se representa de múltiples formas en diseño de interfaces y desarrollo web:

HEX (Hexadecimal): Código de 6 dígitos que representa canales R, G y B. Es el formato estándar en CSS (ej: #3b82f6).

RGB (Red, Green, Blue): Representa las intensidades de los colores primarios aditivos de 0 a 255 (ej: rgb(59, 130, 246)).

HSL (Hue, Saturation, Lightness): Tono en grados (0-360), Saturación en porcentaje (0-100%) y Luminosidad (0-100%). Ideal para ajustar manualmente matices y sombras.

Accesibilidad WCAG: Muestra el contraste del fondo con texto blanco o negro. Para texto normal se requiere un contraste mínimo de 4.5:1 (nivel AA) o 7:1 (nivel AAA).