Oscurecer color
Mezclá un color opaco con negro del 0 al 100%. Generá el resultado, editá sus valores y copiá el informe con el HEX original y el actual.
Empezar a usar
Oscurecer color
Cada canal RGB se mezcla con negro y se redondea al entero más cercano: round(canal × (1 - porcentaje/100)). Es una mezcla RGB directa, no una resta de luminosidad HSL. #3B82F6 al 20% da #2F68C5 y al 50% da #1E417B. El blanco #FFFFFF al 50% da #808080. Al 0% la base no cambia; al 100% el resultado es #000000.
Cambiar la base o el porcentaje recalcula un resultado existente recién al volver a ejecutar la acción. Después de generarlo, editar el panel del resultado actualiza inmediatamente el valor actual del informe. El informe incluye el HEX de la base original, el porcentaje de esa ejecución y el HEX actual del resultado. Editar el resultado no modifica los datos originales de esa ejecución.
Los componentes se normalizan a canales RGB enteros. El campo de texto acepta las notaciones opacas HEX, RGB o HSL compatibles; HSV y HSL también tienen campos numéricos separados. Al confirmar texto inválido o no compatible, se restaura el último color válido. No se aceptan valores alfa no opacos, nombres de colores CSS ni HEX de ocho dígitos. El redondeo puede alterar ligeramente el tono o la saturación.
La herramienta procesa un solo color de forma local. No sube ni oscurece imágenes, no descarga archivos y no comprueba contraste ni accesibilidad. Revisá el informe copiado y verificá por separado el contraste entre los colores de primer plano y de fondo.
El procesamiento se realiza localmente en tu navegador.