Test Gradiente

Free

Controlla il tuo schermo per banding di colore con pattern gradiente scala di grigi, canale RGB, radiale, e ruota tonalità, a schermo intero.

Tastiera: frecce per cambiare pattern, F per schermo intero, Esc per uscire.

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Questo strumento mostra sei pattern gradiente, direttamente nel tuo browser, scala di grigi, rampe individuali rosso, verde, e blu, un gradiente radiale, e una ruota tonalità completa, per aiutarti a controllare il tuo schermo per banding visibile in diverse direzioni e colori, con una modalità schermo intero per uno sguardo più ravvicinato.

Come funziona

I pattern in scala di grigi e a canale singolo sono gradienti lineari CSS che vanno da nero a bianco, rosso, verde, o blu pieno, lasciando che il browser interpoli il maggior numero di tonalità intermedie possibile lungo una linea retta. Il pattern radiale fa la stessa interpolazione verso l'esterno dal centro in un cerchio invece che una linea. La ruota delle tonalità è costruita come gradiente conico CSS con 24 stop colore equamente spaziati, 15 gradi l'uno dall'altro, calcolati dalla ruota colore HSL a piena saturazione, così il browser interpola fluidamente tra ogni coppia di stop adiacenti lungo l'intero cerchio di 360 gradi.

Problemi che risolve

Controllare un display per banding di colore visibile prima di presumere che il problema sia un file immagine o video.
Isolare se un problema di banding influisce su un canale colore più degli altri.
Confrontare la fluidità del gradiente tra transizioni di tonalità rettilinee, radiali e circolari.
Ottenere un riferimento visivo rapido per la fluidità colore complessiva di un display prima di lavoro sensibile al colore.

Domande frequenti

›Cosa causa il banding visibile in un gradiente?

Di solito significa che non ci sono abbastanza gradini di colore distinti disponibili per rendere una transizione veramente fluida, sia da un pannello a profondità di bit inferiore, un'impostazione di connessione o output colore a 8 bit, elaborazione display aggressiva, o il contenuto sorgente stesso di qualità inferiore a quanto appare.

›Perché conta la ruota tonalità, non basta una rampa dritta?

Una rampa dritta testa solo transizioni lungo una linea, la ruota tonalità invece scorre attraverso ogni tonalità contemporaneamente in un cerchio completo, il che può rivelare fluidità incoerente a colori o angoli specifici che una semplice rampa nero-a-bianco non toccherebbe mai.

›Perché testare rampe rosso, verde, e blu separatamente dalla scala di grigi?

Un display può renderizzare un canale colore più fluidamente di un altro. Testare ogni colore primario da solo isola completamente quel canale, così un problema di banding specifico a, ad esempio, il canale blu non verrà nascosto dagli altri due canali che lo compensano.

›Cosa testa il gradiente radiale che gli altri non testano?

Transita verso l'esterno da un punto centrale in ogni direzione contemporaneamente, testando un pattern circolare ed espansivo invece di una linea retta, che può comportarsi diversamente su alcuni display o sotto alcune impostazioni di scaling e elaborazione video.

›Le impostazioni del browser o l'output video possono causare banding anche su un buon display?

Sì. Un cavo o porta limitati a colore 8-bit, un'impostazione colore del sistema operativo, scaling GPU, o persino l'accelerazione hardware del browser possono tutti introdurre banding che non ha nulla a che fare con il pannello stesso, vale la pena escluderli prima di presumere che sia colpa del display.

Testa ogni tasto della tua tastiera nel browser: un layout visivo completo a 101 tasti, dettagli tasto/codice/modificatore, statistiche rollover e anti-ghosting, rilevamento chatter, e un tracciatore di progresso tasti testati.