Aclarador de color en línea

Qué hace esta herramienta

Esta herramienta aclara un único color mezclándolo con blanco. Es útil cuando necesitas un tono más claro para fondos, bordes o degradados, pero quieres mantener el matiz original.

Ejemplo práctico

Si partes del color negro (#000000) y aplicas un 50% de aclarado, el resultado es #808080, un gris medio. Con un 0% el color no cambia; con un 100% se convierte en blanco (#FFFFFF).

Cómo se calcula

El algoritmo interpola linealmente cada canal RGB hacia el blanco: salida = canal + (255 - canal) * porcentaje / 100, redondeando los valores a bytes. No es un incremento de luminosidad HSL ni una operación en espacio de color lineal.

Controles y opciones

• Panel de color editable con campos HEX, RGB, HSV y HSL.
• Selector de color con puntero.
• Control deslizante de porcentaje (0-100).
• Botón de acción para generar el resultado.
• Botón de limpiar para restablecer valores.

Limitaciones

El procesamiento se realiza en el navegador y solo afecta a un color, no a píxeles de una imagen subida. No mide el contraste de accesibilidad, no conserva la transparencia (alfa) y no garantiza que el resultado sea utilizable como par de texto/fondo.

Preguntas frecuentes

¿Qué ocurre si introduzco un porcentaje fuera de rango?

Los valores fuera de 0-100 se limitan al rango válido. Los valores no finitos (como NaN) se rechazan.

¿Por qué el resultado no coincide con un ajuste de luminosidad HSL?

Porque el algoritmo mezcla con blanco en el espacio RGB, no modifica la luminosidad HSL. Esto produce un aclarado diferente, especialmente en colores saturados.

¿Puedo aclarar varios colores a la vez?

No, esta herramienta procesa un solo color cada vez. Para varios colores, tendrías que repetir la operación.