2
Stel een ondoorzichtige achtergrond in en voer de conversie uit.
3
Kopieer formaten of exporteer het kleur- en contrastrapport.
CSS kleurenviewer en contrastcontrole
Voer een CSS-kleurwaarde in, bijvoorbeeld #ff6600, ff6600, rgb(255 102 0) of hsl(24 100% 50%). De tool toont de kleur en converteert deze naar gangbare CSS-formaten.
Waarden worden in deze browser omgezet naar sRGB. Contextafhankelijke kleuren zoals currentColor, var() en systeemkleuren worden niet geaccepteerd. De functies Wide-gamut en CSS Color 4 vallen buiten de ondersteunde invoerformaten van dit hulpprogramma. De transparantie blijft behouden in RGBA, HSLA en alpha HEX. RGB en HSL laten alpha weg. Contrastdrempels zijn geen vervanging voor een volledige toegankelijkheidsaudit.
Voer een geldige CSS-kleurwaarde in.
De invoer is gewijzigd. Dit rapport behoort nog steeds tot de laatste succesvolle run.
Hier verschijnt een kleurvoorbeeld
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-invoer
—
WCAG contrastverhouding:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 is de AA-drempel voor gewone tekst; 3:1 geldt alleen voor voldoende grote tekst. 7:1 is AAA voor gewone tekst. Een kleurpaarcontrole bepaalt niet de algehele toegankelijkheid van de pagina.
Waarom een online CSS-kleurchecker gebruiken?
Met deze tool kunt u elke CSS-kleurwaarde snel rechtstreeks in uw browser visualiseren. Je kunt codes uit een ontwerpsysteem, stijlgids of lay-out plakken en meteen zien hoe ze er op het scherm uitzien.
Gebruik het bij het voorbereiden van stijlen voor een website, het matchen van merkkleuren of het opsporen van fouten in bestaande lay-outs. De checker ondersteunt alle standaard CSS-formaten, inclusief HEX, RGB, RGBA, HSL en benoemde kleuren.
Recensies worden vóór publicatie gecontroleerd. We publiceren oprechte positieve feedback en specifieke kritiek. Spam en beledigingen zonder bruikbare details worden niet gepubliceerd; godslastering en persoonlijke details worden gemaskeerd. Positieve stemmen worden onmiddellijk geteld; negatieve stemmen worden na beoordeling geteld.
Recensies weerspiegelen de ervaringen van gebruikers, geen garantie voor resultaten of een beschrijving van de servicelimieten. Gebruik de beoordelingsknoppen hierboven om een recensie achter te laten.
