Oscurecer color
Mezcla un color opaco con negro según el porcentaje elegido y revisa o edita el color resultante. El procesamiento se realiza localmente en tu navegador.
Empezar a usar
Oscurecer color
Cada canal RGB se mezcla con negro y se redondea al byte más próximo: 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 no recalcula un resultado existente hasta volver a ejecutar la acción. Tras generarlo, editar el panel del resultado actualiza inmediatamente el valor actual del informe. Este incluye el HEX de la base original, el porcentaje usado en esa ejecución y el HEX actual del resultado. Editar el resultado no modifica el contexto del cálculo original.
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 un texto no válido o no compatible, se restaura el último color válido. Aquí 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 o accesibilidad. Revisa el informe copiado y verifica aparte el contraste entre fondo y primer plano antes de usar el color en tu diseño.
El procesamiento se realiza localmente en tu navegador.