Kleurnaamzoeker
Voer een kleur in
Ondersteunt #RGB, #RGBA, #RRGGBB, #RRGGBBAA, gehele rgb()/rgba()-waarden en procentuele hsl()/hsla()-waarden.
Voer een HEX-, RGB- of HSL-kleur in om de dichtstbijzijnde gestandaardiseerde CSS-kleurnaam te vinden. Je krijgt ook genormaliseerde HEX-, RGB-, HSL- en CIELAB-waarden en het CIEDE2000-verschil. Alles wordt in de browser berekend. In de stappenmodus staat de ingevoerde kleur in de pagina-URL en wordt deze met het paginaverzoek naar de server gestuurd; de kleurvergelijking wordt nog steeds alleen in de browser berekend.
Zo vind je een CSS-kleurnaam
-
1
Voer een kleur in
Gebruik het tekstveld of de kleurkiezer. Strikte HEX-, gehele RGB- en procentuele HSL-notaties worden geaccepteerd.
-
2
Valideer en normaliseer
De waarde wordt gecontroleerd en omgerekend naar sRGB, HSL en CIELAB met D65-witpunt.
-
3
Vergelijk CSS-namen
CIEDE2000 vergelijkt de ondoorzichtige RGB-kleur met alle gestandaardiseerde benoemde CSS-kleuren.
-
4
Bekijk of kopieer
Vergelijk de stalen, bekijk de waarden en kopieer het resultaat.
Het resultaat begrijpen
CSS heeft een vaste lijst benoemde kleuren, zoals tomato, cornflowerblue en rebeccapurple. Is de invoer geen exacte kleur uit die lijst, dan toont de zoeker de dichtstbijzijnde naam en de canonieke HEX-waarde. Gelijkwaardige aliassen zoals aqua en cyan worden samen getoond.
De vergelijking zet sRGB met D65-witpunt om naar CIELAB en gebruikt CIEDE2000. Een waarde van 0 is een exacte RGB-overeenkomst. Korte en lange HEX, gehele rgb()/rgba() en procentuele hsl()/hsla() worden ondersteund.
Alfa blijft in de achtcijferige HEX staan, maar telt niet mee voor de naam. De tool doorzoekt geen Pantone-, verf-, krijt- of communitywoordenboeken en leest geen afbeeldingen. Controleer voor toegankelijkheid afzonderlijk het WCAG-contrast.
Veelgestelde vragen
Alleen als het CIEDE2000-verschil 0 is. Anders is het de dichtstbijzijnde gestandaardiseerde benoemde CSS-kleur.
CSS bevat aliassen met dezelfde RGB-waarde, zoals aqua en cyan. Gelijke resultaten worden samen getoond.
Nee. Alfa blijft in de genormaliseerde HEX, maar wordt niet meegenomen in de vergelijking.
Nee. Gebruik de contrastchecker om tekst en achtergrond aan WCAG-drempels te toetsen.
Gerelateerde tools
Binair naar hex-converter
Converteer binaire invoer naar een gewone uppercase hexwaarde. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.
HEX-kleurkiezer
Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.
BBCode naar HTML-converter
Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen, links en tabellen.
ASCII naar binair-converter
Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.
Base64 naar Hex converteren
Converteer een Base64-string naar de onderliggende bytes als hexadecimaal. Handig voor het inspecteren van tokens, sleutels, certificaten en JWTs.
Binair naar ASCII-converter
Plak binaire data (spatiegescheiden bytes of een lange bitstream) en krijg de ASCII-tekst die die data vertegenwoordigt. Verwerkt 7-bit en 8-bit encodings.