Colore in grigio

Un convertitore da colore a scala di grigi prende un colore opaco—scritto come codice hex o come canali rosso, verde e blu—e lo proietta su un grigio neutro che preserva la luminosità percepita invece di mediare i canali in modo ingenuo. Incolli #e74c3c, rgb(52, 152, 219) o interi r, g e b separati; lo strumento applica i pesi classici di luminosità 0.299 rosso, 0.587 verde e 0.114 blu, arrotonda a un intero di grigio da 0 a 255 e restituisce il triplo hex grigio, il valore numerico, una stringa CSS rgb() e l’aritmetica passo per passo.

Perché la ponderazione di luminosità batte la media semplice

La visione umana non è ugualmente sensibile alla luce rossa, verde e blu. Il verde contribuisce di più alla luminosità percepita, il rosso meno e il blu il meno di tutti. Per questo un blu puro #0000ff appare più scuro di un verde puro #00ff00 sebbene entrambi abbiano un solo canale al massimo 255.

Una media ingenua che somma i tre canali e divide per tre sottostima quindi il brillante di un colore ricco di verde e sovrastima i toni ricchi di blu. La ponderazione di luminosità corregge quello squilibrio con coefficienti fissi del modello classico di luma televisiva spesso chiamato BT.601: il grigio Y è 0.299 volte rosso più 0.587 volte verde più 0.114 volte blu, poi arrotondato all’intero più vicino in 0–255.

Il risultato è un singolo canale che, scritto come #YY dove ogni coppia è lo stesso byte hex, si colloca sull’asse neutro dello spazio RGB mantenendo la luminosità approssimativa della tinta originale. Questa pagina è intenzionalmente uno strumento a colore singolo, non un filtro immagine: si converte un token di design, una variabile CSS o un campione di palette alla volta e si ottiene un hex grigio e un valore auditabili.

Esercizi di aula e colloqui di codice chiedono spesso questa trasformazione a mano; un riferimento deterministico elimina l’ambiguità su quali pesi siano usati, come si arrotondi e se l’hex a tre cifre sia stato espanso prima della moltiplicazione.

Consigli pratici, limiti e ricerche correlate

Non passi forme con alpha come #RRGGBBAA o rgba con un alpha significativo da preservare—questa pagina converte solo RGB opaco e le lunghezze inattese vengono rifiutate così lo nota invece di eliminare l’alpha in silenzio. I colori CSS con nome come rebeccapurple sono fuori ambito; li risolva prima in hex con una tabella di nomi, poi chiami questo convertitore.

Scrivendo test unitari, copra almeno un rosso vivo, un teal dominante verde, un blu puro, un input già grigio che debba tornare a se stesso, una scorciatoia a tre cifre, una stringa rgb() e un hex non valido deliberato affinché le regressioni di validazione non passino.

Questa pagina si rivolge a chi cerca un convertitore colore in grigio, un calcolatore di luminosità hex verso grigio o uno strumento RGB a valore grigio gratuito online; non è un desaturatore di immagini completo, né un convertitore multi-spazio per HSL LAB o CMYK, né un generatore di palette.

Preferisca questa capacità quando ha già un colore e le serve solo il suo hex grigio di luminosità e il valore intero; se la pipeline deve ancora emettere HSL o CMYK di stampa, usi un convertitore multi-formato per quegli spazi e questo strumento per il passo monocromatico.