Voer een CSS-kleurwaarde in (bijvoorbeeld #ff6600 of ff6600) en het onderstaande voorbeeld toont die kleur.
Enter a valid CSS color value.
Hier verschijnt een kleurvoorbeeld
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS input
—
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 ontlede kleur overeenkomt met de beoogde tint.
✓De converter helpt bij het kopiëren van kleuren tussen CSS, ontwerptools en documentatie.
