Regola tonalità, saturazione e luminosità di un'immagine online
Strumento gratuito per regolare tonalità, saturazione e luminosità di un'immagine. Carica, imposta i valori, genera e scarica in PNG. L’elaborazione avviene…
Inizia a usare
Come funziona la regolazione HSL
Questo strumento applica tre operazioni globali all'intera immagine, nell'ordine: hue-rotate(angolo), saturate(percentuale) e brightness(percentuale). Non si tratta di una conversione HSL diretta: la terza operazione è la luminosità CSS, non la leggerezza HSL.
Esempio pratico
Se imposti Tonalità 45, Saturazione 150 e Luminosità 80, il filtro generato sarà hue-rotate(45deg) saturate(150%) brightness(80%). Se inserisci valori fuori intervallo, come tonalità 500, saturazione -20 e luminosità 250, verranno limitati rispettivamente a 360, 0 e 200.
Limiti e avvertenze
- Le regolazioni sono globali: non ci sono curve, istogrammi, maschere o bilanciamento automatico del bianco.
- Una saturazione o luminosità molto alta può tagliare i dettagli cromatici; tieni sempre una copia dell'originale.
- L'output è in formato PNG, senza selettore di formato o zoom integrato.
- L'elaborazione avviene interamente nel browser: nessuna immagine viene caricata su un server.
Domande frequenti
Perché la mia immagine diventa nera con luminosità 0%?
Con luminosità 0%, il filtro CSS brightness(0%) produce un'immagine completamente nera, mantenendo le dimensioni originali. È un comportamento previsto.
Posso regolare solo la saturazione senza toccare tonalità e luminosità?
Sì: imposta Tonalità a 0 e Luminosità a 100 (i valori neutri), poi modifica solo la Saturazione. Ad esempio, saturazione 0% produce una scala di grigi.
Perché non vedo un'anteprima in tempo reale?
Lo strumento non offre anteprima automatica: devi premere Genera immagine dopo ogni modifica per vedere il risultato. È un comportamento voluto per risparmiare risorse.
L’elaborazione avviene localmente nel browser.