Ajuste el contraste de un color por factor

El contraste alrededor del gris medio es el gesto clásico de imagen que estira o comprime cada canal rojo, verde y azul alejándolo del punto medio de ocho bits ciento veintiocho, en lugar de deslizar la luminosidad HSL o elevar una potencia gamma. Diseñadores, autores de tokens e ingenieros gráficos usan un factor de contraste cuando quieren muestras más vivas o más planas sin girar la rueda de matiz ni tratar el color como una fotografía completa. Esta herramienta acepta un color hex CSS y un factor finito en el intervalo cerrado de cero a diez, aplica la regla por canal de que la salida es el gris medio más la distancia con signo desde ese gris multiplicada por el factor, recorta cada canal al rango legal de cero a doscientos cincuenta y cinco y devuelve el hex ajustado y los enteros RGB. Un factor de uno deja la muestra intacta; un factor de cero colapsa todos los canales al gris medio; valores por encima de uno aumentan el contraste y pueden recortar luces o sombras.

Qué hace el contraste alrededor del gris medio en los canales RGB

Comience con un color hex CSS como hash tres tres seis seis c c o la forma corta hash tres seis c. El analizador expande códigos de tres dígitos, pasa los dígitos a minúsculas y convierte cada par en enteros rojo, verde y azul de cero a doscientos cincuenta y cinco. El gris medio en esa escala de ocho bits es ciento veintiocho: el pivote entero que usan los deslizadores clásicos de contraste en programas de pintura y canalizaciones raster.

Cada canal se reescribe con aritmética ordinaria: reste el gris medio, multiplique por el factor de contraste, vuelva a sumar el gris medio, redondee al entero más cercano y recorte a la caja legal de cero a doscientos cincuenta y cinco. Los canales que ya están en el gris medio no se mueven para ningún factor finito, porque su distancia con signo es cero.

Los canales más oscuros que el gris medio se alejan de él cuando el factor es mayor que uno y se acercan cuando el factor está entre cero y uno. Los canales más claros que el gris medio hacen lo mismo en sentido contrario. Un factor exactamente igual a uno es identidad: cada canal redondeado coincide con la entrada.

Un factor de cero aplana la muestra al gris medio en los tres canales, que es el código hex ocho cero ocho cero ocho cero. Los factores grandes recortan: un rojo oscuro puede llegar a cero y un azul claro a doscientos cincuenta y cinco, y esos extremos recortados se quedan en los muros legales en lugar de envolver.

El mismo factor se aplica de forma independiente a rojo, verde y azul, de modo que el equilibrio relativo de canales puede cambiar respecto a una historia de contraste HSL que congela el matiz. Esa diferencia es intencionada: este contrato es el estiramiento lineal alrededor del gris medio, no un deslizador perceptual ni una razón WCAG entre dos colores. Se rechazan formas hex con alfa de cuatro u ocho dígitos porque el contrato es solo RGB opaco.

Contrato de entrada, forma de la respuesta y validación

Envíe dos campos: color como cadena hex y factor como número finito de cero a diez inclusive. Cada muestra incluye role, hex, enteros r g b y una cadena rgb imprimible. Los campos de nivel superior hex, r, g y b reflejan el resultado ajustado por contraste para clientes de una sola línea.

Una cadena formula breve documenta la regla del gris medio por canal para documentación y soporte. Comprobaciones típicas: aplicar el factor uno punto cinco a un azul medio, aplicar el factor cero punto cinco para aplanar un rojo saturado hacia el gris, confirmar que el factor uno devuelve el hex original, confirmar que el factor cero produce gris medio y rechazar el factor quince o un color ausente.

Conecte el formulario gratuito del navegador para vistas previas rápidas y llame al mismo contrato desde scripts cuando necesite generación masiva de tokens o comprobaciones de integración continua. Mantenga el factor dentro del intervalo documentado en lugar de confiar en recortes silenciosos del propio multiplicador: esta herramienta falla de forma explícita ante un factor inválido para que los sistemas de diseño y las canalizaciones de renderizado sigan siendo predecibles en todos los entornos.

Dónde aporta valor un factor de contraste en gris medio

Los equipos de marca y producto suelen conservar un solo hex protagonista y necesitan un compañero más vivo o más discreto sin abrir un editor de imagen completo ni inventar a ojo un segundo color de marca. Los autores de tokens de diseño generan rampas de contraste barriendo un factor sobre una muestra base cuando el aclarado u oscurecido HSL resulta demasiado pastel y la gamma demasiado ligada a la pantalla.

Las herramientas de presentación y marketing producen variantes de campaña a partir de un logotipo saturado: suba el factor para un cartel, bájelo para una pastilla de fondo apagada. Los autores de material didáctico sobre imagen pueden mostrar que estirar RGB alrededor del gris medio no es lo mismo que cambiar la luminosidad HSL, ni una curva de potencia gamma, ni medir el contraste WCAG entre dos colores.

Si más adelante necesita comparar dos códigos hex por accesibilidad, aplicar un exponente gamma, aclarar u oscurecer en HSL o filtrar una fotografía entera, trátelos como intenciones de búsqueda y aterrizajes separados en lugar de sobrecargar esta página del factor en gris medio.