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.
Voer een geldige CSS-kleurwaarde in.
Hier verschijnt een kleurvoorbeeld
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-invoer
—
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.
✓Bekijk een voorbeeld van CSS-kleuren voordat u ze in stylesheets of ontwerpsystemen gebruikt.
✓Controleer HEX, RGB, RGBA, HSL en benoemde kleurwaarden op één plek.
✓Handig voor het matchen van merkkleuren en het opsporen van fouten in bestaande lay-outs.
✓Plak een kleurwaarde en bekijk het voorbeeld direct in de browser.
✓Gebruik het voorbeeldstaal om er zeker van te zijn dat de geparseerde kleur overeenkomt met de beoogde tint.
✓De converter helpt bij het kopiëren van kleuren tussen CSS, ontwerptools en documentatie.
