Tonalità, saturazione e luminosità delle immagini in serie
Regola tonalità, saturazione e luminosità CSS di fino a 30 immagini nel browser. Controlla le anteprime e scarica PNG alle dimensioni originali.
Inizia a usare
Funzionalità e limiti
Questo strumento applica una regolazione HSL uniforme a un lotto di immagini. È utile per uniformare lo stile di più foto, ad esempio per dare un tono caldo a una serie di scatti. Carica una foto orizzontale e una verticale. Imposta tonalità 45°, saturazione 150% e luminosità 80%. Dopo la generazione, entrambe le immagini riceveranno gli stessi filtri, mantenendo le dimensioni originali. La tonalità finale dipende dai colori di partenza: 45° non garantisce un risultato più caldo.
Controlli effettivi
- Tonalità: ruota i colori sull'intero cerchio cromatico. Valori fuori intervallo vengono limitati a -360..360.
- Saturazione: 0% rimuove il colore (scala di grigi), 200% applica un coefficiente di saturazione di 2; l’intensità percepita non è necessariamente doppia. Default 100%.
- Luminosità: moltiplica i componenti RGB tramite il filtro CSS
brightness. 0% rende l'immagine nera, 200% la schiarisce. Default 100%.
Elaborazione e formati
L'elaborazione avviene interamente nel browser. I risultati vengono codificati in PNG, indipendentemente dal formato di input. Non è disponibile un selettore del formato di output. La qualità può degradare se si usano valori estremi di saturazione o luminosità: conserva sempre gli originali.
Limiti noti
- Il controllo "luminosità" non è la luminosità HSL diretta, ma il filtro CSS brightness.
- Non ci sono maschere, curve, bilanciamento del bianco automatico, profili ICC o controlli RAW.
- Il supporto effettivo dei formati dipende dalla decodifica del browser.
Domande frequenti
Perché la mia immagine diventa nera con luminosità 0%?
Il filtro CSS brightness(0%) rende l'immagine completamente nera, mantenendo la geometria. È un comportamento previsto, non un errore.
Posso regolare singole immagini in modo diverso?
No, i controlli sono globali per l'intero lotto. Per regolazioni individuali, elabora le immagini separatamente.
Perché il risultato è in PNG e non nel formato originale?
Il motore di rendering usa canvas.toDataURL('image/png') per garantire la compatibilità. Non è possibile scegliere il formato di output.
L’elaborazione avviene localmente nel browser.