Selector y conversor de color HEX
Convierte códigos de color hexadecimales a formatos HEX, RGB y HSL con cálculo del brillo ponderado.
Ejecutar herramienta
Esta herramienta en línea analiza códigos de color hexadecimales y los convierte a diferentes formatos numéricos de diseño web. Puedes introducir valores de tres o seis dígitos hexadecimales con o sin el signo almohadilla inicial. La herramienta procesa el código, expande la notación abreviada de tres caracteres a su versión completa de seis dígitos y genera las representaciones correspondientes en HEX minúsculo, canales RGB enteros y valores enteros redondeados de HSL. Además de la conversión de formato, obtendrás una estimación numérica del brillo ponderado en una escala de 0 a 255 calculada a partir de los canales de color. Puedes solicitar la visualización conjunta de todos los formatos o limitar la salida a una única codificación específica según las necesidades de tu hoja de estilo CSS o aplicación. Si introduces valores con canal alfa, formatos de función o caracteres no válidos, la herramienta te avisará para que corrijas el código.
Instrucciones
- Escribe o pega un código hexadecimal de 3 o 6 dígitos en el campo Color hexadecimal, con o sin almohadilla.
- Selecciona el formato de salida deseado: todos los modelos o uno específico entre HEX, RGB y HSL.
- Pulsa el botón de ejecución para obtener las equivalencias del color y el valor de brillo ponderado.
Ejemplos
- Conversión de notación corta: al introducir '#3ab' con la opción de todos los formatos, se obtiene el valor HEX '#33aabb', canales RGB (51, 170, 187), valores HSL (187°, 57%, 47%) y un brillo de 136.219.
- Conversión directa a RGB: con el valor por defecto '#3498db' y la opción RGB seleccionada, se obtienen los canales rojo 52, verde 152 y azul 219 junto al brillo ponderado de 129.691.
Preguntas frecuentes
¿Se pueden introducir colores en formato rgb() o nombres como 'blue'?
No. La herramienta solo acepta cadenas de 3 o 6 dígitos hexadecimales, precedidas opcionalmente por el signo almohadilla.
¿Qué ocurre si se introduce un código con canal alfa o transparencia?
Los valores con 4 u 8 dígitos hexadecimales que incluyen canal alfa no son compatibles y devuelven un aviso de entrada no válida.
¿Cómo se calcula la estimación del brillo?
Se calcula con una fórmula que pondera los canales rojo, verde y azul, con resultado numérico en una escala de 0 a 255 redondeado a tres decimales.