Verloop-Test

Free

Controleer je scherm op kleurbanding met grijstinten-, RGB-kanaal-, radiale, en kleurtoonwiel-verlooppatronen, in volledig scherm.

Toetsenbord: pijltjestoetsen om van patroon te wisselen, F voor volledig scherm, Esc om af te sluiten.

Opmerkingen (0)

Vond je deze tool nuttig? Laat een opmerking achter, deel een tip, of vertel ons hoe we het beter kunnen maken.

Nog geen opmerkingen. Wees de eerste om je gedachten te delen!

Wat deze tool doet

Deze tool toont zes verloopspatronen, direct in je browser, grijstinten, individuele rode, groene, en blauwe verlopen, een radiaal verloop, en een volledig kleurtoonwiel, om je te helpen je scherm te controleren op zichtbare banding in verschillende richtingen en kleuren, met een volledig-scherm-modus voor een nadere blik.

Hoe Het Werkt

De grijstinten- en enkelkanaal-patronen zijn CSS lineaire verlopen lopend van zwart naar volledig wit, rood, groen, of blauw, waardoor de browser zoveel tussentinten kan interpoleren als hij kan langs een rechte lijn. Het radiale patroon doet dezelfde interpolatie naar buiten vanuit het midden in een cirkel in plaats van een lijn. Het kleurtoonwiel is gebouwd als een CSS conisch verloop met 24 gelijk verdeelde kleurstops, 15 graden uit elkaar, berekend uit het HSL-kleurenwiel bij volledige verzadiging, zodat de browser vloeiend interpoleert tussen elk paar aangrenzende stops helemaal rond een volledige cirkel van 360 graden.

Problemen die het oplost

Een scherm controleren op zichtbare kleurbanding voordat je aanneemt dat een afbeeldings- of videobestand het probleem is.
Isoleren of een bandingprobleem één kleurkanaal meer beïnvloedt dan andere.
Verloopvloeiendheid vergelijken over rechte, radiale, en cirkelvormige tintovergangen.
Een snelle visuele referentie krijgen voor de algehele kleurgladheid van een scherm voor kleurgevoelig werk.

Veelgestelde vragen

›Wat veroorzaakt zichtbare banding in een verloop?

Het betekent meestal dat er niet genoeg verschillende kleurstappen beschikbaar zijn om een echt vloeiende overgang weer te geven, hetzij van een paneel met lagere bitdiepte, een 8-bit kleurverbinding of output-instelling, agressieve schermverwerking, of de broncontent zelf van lagere kwaliteit dan het lijkt.

›Waarom is het kleurtoonwiel belangrijk, is een recht verloop niet genoeg?

Een rechte helling test alleen overgangen langs één lijn, het kleurtoonwiel veegt in plaats daarvan door elke tint tegelijk in een volledige cirkel, wat inconsistente gladheid kan onthullen bij specifieke kleuren of hoeken die een eenvoudige zwart-naar-wit-helling nooit zou raken.

›Waarom rode, groene, en blauwe verlopen apart van grijstinten testen?

Een scherm kan het ene kleurkanaal vloeiender weergeven dan het andere. Elke primaire kleur apart testen isoleert dat kanaal volledig, zodat een bandingprobleem specifiek voor, zeg, het blauwe kanaal niet verborgen wordt door de andere twee kanalen die het compenseren.

›Wat test het radiale verloop dat de andere niet doen?

Het gaat naar buiten vanaf een middelpunt in elke richting tegelijk, en test een cirkelvormig, uitdijend patroon in plaats van een rechte lijn, wat zich anders kan gedragen op sommige schermen of onder sommige video-schaal- en verwerkingsinstellingen.

›Kunnen browserinstellingen of video-uitvoer banding veroorzaken zelfs op een goed scherm?

Ja. Een kabel of poort beperkt tot 8-bit kleur, een besturingssysteem-kleurinstelling, GPU-schaling, of zelfs browserhardwareversnelling kunnen allemaal banding introduceren die niets te maken heeft met het paneel zelf, wat de moeite waard is om uit te sluiten voordat je aanneemt dat het scherm de schuldige is.

Test elke toets op je toetsenbord in de browser: een volledige visuele 101-toetsenlayout, toets-/code-/modifierdetails, rollover- en anti-ghosting-statistieken, ratelen-detectie, en een getest-toetsen-voortgangstracker.