Atenúe un color reduciendo su valor HSV

Este atenuador de color HSV crea una versión más oscura de un color hexadecimal al reducir el componente de valor y conservar el tono y la saturación. Introduzca un color de tres o seis dígitos y el porcentaje de su valor actual que desea eliminar. La herramienta devuelve el origen normalizado, el hexadecimal atenuado, los canales RGB enteros y los componentes HSV resultantes. Como el cálculo usa aritmética fija y redondeo explícito, una misma entrada siempre genera el mismo resultado. Los colores no válidos y los porcentajes fuera del intervalo de cero a cien producen un error claro en vez de un valor supuesto o corregido sin aviso.

Cómo cambia un color al atenuar su valor HSV

HSV describe un color mediante tono, saturación y valor. El tono indica su posición en la rueda cromática, la saturación expresa cuánto se aleja del gris neutro y el valor representa el canal RGB más brillante como porcentaje. Esta herramienta modifica únicamente el último componente.

Primero convierte el código hexadecimal en canales rojo, verde y azul; después los transforma a HSV y multiplica el valor actual por uno menos la cantidad solicitada dividida entre cien. Por tanto, una cantidad del veinticinco por ciento conserva el setenta y cinco por ciento del valor original; no resta veinticinco puntos fijos. Esta diferencia es importante con colores ya oscuros, porque la reducción relativa escala de forma natural y no puede producir un valor negativo.

Además, se aplica un límite explícito de cero. El tono y la saturación se mantienen, por lo que un azul vivo sigue siendo el mismo azul, pero más oscuro. Con cero por ciento solo se normaliza el formato.

Con cien por ciento, el valor llega a cero y el resultado es negro. Esta operación no equivale a reducir la luminosidad HSL: el valor HSV sigue el canal RGB máximo y resulta adecuado para selectores y flujos que ya trabajan con HSV.

Cómo proporcionar colores y porcentajes válidos

Proporcione color como una cadena hexadecimal CSS de tres o seis dígitos, con o sin almohadilla inicial. Una forma corta como #3AF se expande canal por canal a #33AAFF antes de la conversión. Se aceptan letras mayúsculas y minúsculas, y el origen normalizado se devuelve con seis dígitos en mayúsculas.

Las variantes con alfa de cuatro u ocho dígitos se rechazan porque esta capacidad transforma un color opaco y no compone transparencias sobre un fondo. Se ignoran los espacios alrededor de toda la cadena, pero no los espacios ni signos dentro del código. El campo amount obligatorio indica qué porcentaje del valor HSV actual se elimina.

Debe ser un número finito entre cero y cien, incluidos ambos límites, y puede contener decimales. El solucionador acepta cadenas numéricas para formularios, pero rechaza cadenas vacías, texto no numérico, infinito, valores negativos o superiores a cien. La validación nunca inventa un color ni limita silenciosamente un porcentaje inválido.

Así, los flujos automatizados detectan configuraciones erróneas antes de publicar un tono inesperado. La salida incluye el color original, el hexadecimal atenuado, la cantidad aplicada, los enteros RGB y los valores HSV en grados y porcentajes.

Uso de resultados deterministas en flujos de diseño

Utilice la herramienta del navegador para derivar el estado pulsado de un botón, revisar una muestra más oscura de un gráfico o comparar niveles de brillo sin instalar software gráfico. Los canales RGB se redondean al entero más cercano solo después de volver desde HSV; los campos HSV se redondean a seis decimales. Esta política evita colas flotantes largas y mantiene precisión suficiente para auditar la operación.

Para crear una escala, aplique varias cantidades explícitas al mismo origen; calcular cada paso desde la base evita acumular redondeos. Elija esta capacidad cuando la regla sea reducir específicamente el valor HSV. Si necesita luminosidad HSL u OKLCH, mezcla alfa o un contraste objetivo, use la transformación correspondiente, ya que esos modelos resuelven problemas diferentes.