Scurisca un colore riducendo il valore HSV

Questo strumento crea una versione più scura di un colore esadecimale diminuendo il componente valore HSV senza cambiare tonalità e saturazione. Inserisca un colore di tre o sei cifre e la percentuale del valore corrente da rimuovere. Il risultato comprende la sorgente normalizzata, il codice esadecimale scurito, i canali RGB interi e i componenti HSV finali. Poiché il calcolo usa aritmetica fissa e arrotondamenti espliciti, ingressi uguali producono sempre la stessa risposta. Colori non validi e percentuali fuori dall’intervallo da zero a cento generano un errore chiaro, senza valori presunti o correzioni nascoste.

Come cambia un colore riducendo il valore HSV

HSV descrive un colore attraverso tonalità, saturazione e valore. La tonalità ne indica la posizione sulla ruota cromatica, la saturazione misura la distanza dal grigio neutro e il valore rappresenta il canale RGB più luminoso in percentuale. Questo strumento modifica soltanto l’ultimo componente.

Prima converte il codice esadecimale nei canali rosso, verde e blu, poi li trasforma in HSV e moltiplica il valore corrente per uno meno la quantità richiesta divisa per cento. Una quantità del venticinque per cento conserva quindi il settantacinque per cento del valore originale, anziché sottrarre venticinque punti fissi. La riduzione relativa si adatta ai colori già scuri e non può generare un valore negativo; viene comunque applicato un limite esplicito a zero.

Tonalità e saturazione restano invariate, perciò un blu acceso conserva la propria identità diventando più scuro. Con zero per cento cambia soltanto la normalizzazione del formato; con cento per cento il valore diventa zero e il risultato è nero. L’operazione è diversa dalla riduzione della luminosità HSL: il valore HSV segue il canale RGB massimo ed è utile nei selettori e nei flussi che adottano già HSV.

Come fornire colori e percentuali validi

Fornisca color come stringa esadecimale CSS di tre o sei cifre, con o senza cancelletto iniziale. Una forma breve come #3AF viene espansa canale per canale in #33AAFF prima della conversione. Sono accettate lettere maiuscole e minuscole, mentre l’originale normalizzato viene restituito con sei cifre maiuscole.

Le forme alfa a quattro o otto cifre vengono rifiutate perché questa capacità trasforma un colore opaco e non compone la trasparenza su uno sfondo. Gli spazi attorno all’intera stringa vengono ignorati, ma spazi o segni al suo interno non sono validi. Il campo obbligatorio amount indica la percentuale del valore HSV corrente da rimuovere.

Deve essere un numero finito tra zero e cento inclusi; sono ammessi decimali per token precisi. Il risolutore accetta stringhe numeriche per compatibilità con i moduli, ma rifiuta vuoti, testo non numerico, infinito, negativi e valori superiori a cento. La convalida non inventa colori né limita in silenzio richieste errate, così le automazioni rilevano configurazioni sbagliate prima della pubblicazione.

La risposta comprende originale, esadecimale scurito, quantità, interi RGB e HSV in gradi e percentuali.

Come usare risultati deterministici nei flussi di design

Usi lo strumento nel browser per derivare lo stato premuto di un pulsante, controllare un campione grafico più scuro o confrontare livelli di luminosità senza installare software. I canali RGB vengono arrotondati all’intero più vicino soltanto dopo la riconversione da HSV, mentre i campi HSV sono arrotondati a sei decimali. Questa regola elimina lunghe code in virgola mobile mantenendo precisione sufficiente per verificare l’operazione.

Per una scala, applichi più quantità alla stessa base senza concatenare i risultati, evitando l’accumulo degli arrotondamenti. Usi questa capacità quando la regola richiede specificamente la riduzione del valore HSV; per luminosità HSL o OKLCH, fusione alfa o contrasto obiettivo, scelga la trasformazione dedicata.