Generador y Selector de Colores HEX/RGB
Los colores en la web se representan en múltiples formatos: HEX (hexadecimal como #FF5733), RGB (valores de rojo, verde y azul de 0-255) y HSL (tono, saturación, luminosidad). Cada formato tiene sus casos de uso — HEX es compacto para CSS, RGB es intuitivo para mezclar y HSL es natural para ajustar brillo y saturación.
Esta herramienta te permite generar, seleccionar y convertir colores entre los tres formatos en tiempo real. También calcula las proporciones de contraste WCAG contra fondos blanco y negro, ayudándote a garantizar que tus elecciones de colores cumplan con los estándares de accesibilidad (niveles AA y AAA).
Como funciona
HEX a RGB: convierte pares de dígitos hexadecimales a decimal 0-255. RGB a HSL: normaliza RGB a 0-1, calcula tono por canal máximo, saturación por croma/luminosidad, luminosidad como (máx+mín)/2. Proporción de contraste WCAG: (L1 + 0,05) / (L2 + 0,05) donde L es la luminancia relativa.
Casos de uso
- Convertir colores entre formatos HEX, RGB y HSL para CSS
- Verificar accesibilidad de colores según estándares WCAG AA/AAA
- Encontrar armonías de colores complementarios, análogos y triádicos
- Generar colores aleatorios para inspiración de diseño