Kleurnaam zoeken

Zo zoek je de naam van een kleur

1. Kies een kleur met Kies een kleur, of typ een waarde in Kleurcode: een HEX-code zoals #1E90FF, rgb(30 144 255), hsl(210 100% 56%) of een andere CSS-kleur.
2. De eerste keer laadt de tool zijn lijst van ongeveer 32.000 kleurnamen (een paar honderd kilobyte, één keer per bezoek). Daarna verschijnen de resultaten terwijl je typt.
3. Lees de Dichtstbijzijnde naam naast Jouw kleur af. Staat de code precies zo in de lijst, dan meldt het label Exacte match.
4. Daaronder staan de 5 dichtstbijzijnde namen en de Dichtstbijzijnde CSS-kleurnamen, met hun HEX-code en hun afstand (ΔE). Neem er een over met Naam kopiëren of HEX kopiëren.
5. Zet Vergelijken met op CIEDE2000 (CIELAB) of OKLab-afstand, of klik op Willekeurige kleur om op ontdekking te gaan.

De kleur en de zoekopdracht blijven in je browser.

Waar de namen vandaan komen

De namen komen uit color-name-list, een open-sourceverzameling die David Aerne en vele bijdragers onder de MIT-licentie bijhouden. Ze bundelt zo’n 32.000 unieke namen uit verfkaarten, historische kleurwoordenboeken, de natuur, popcultuur en voorstellen van de community, van “Absolute Zero” tot “Zucchini”. Elke naam hoort bij precies één HEX-code. De namen zijn in het Engels: er bestaat geen Nederlandse versie van deze lijst, dus je krijgt bijvoorbeeld “Clear Chill” en niet een Nederlandse vertaling.

De tool vergelijkt je kleur ook met de 148 CSS-kleurnamen van CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), die elke browser begrijpt. Synoniemen met dezelfde code worden samen getoond, zoals gray / grey of aqua / cyan. Dit zijn de namen die je in een stylesheet gebruikt als je iets leesbaars wilt.

Hoe de dichtstbijzijnde kleur wordt gekozen

HEX-codes cijfer voor cijfer vergelijken werkt niet: #808080 en #7F8080 zijn bijna identiek, terwijl een kleine verandering in een ander kanaal er heel anders uit kan zien. De tool zet daarom elke kleur om naar een perceptuele kleurruimte en meet daar de afstanden.

• CIEDE2000 (CIELAB) is de kleurverschilformule van de Internationale Commissie voor Verlichting (CIE), gebruikt in de druk- en verfwereld. Ze corrigeert de oudere CIELAB-afstand voor de manier waarop onze ogen lichtheid, chroma en tint beoordelen, vooral bij blauwtinten en bijna-grijzen. De implementatie volgt Sharma, Wu en Dalal (2005) en is getest met hun referentiegegevens.
• OKLab-afstand is de rechte afstand in OKLab, een moderne kleurruimte die ontworpen is voor gelijkmatige waarneembare stappen. Ze wordt vermenigvuldigd met 100 getoond, zodat ze op een vergelijkbare schaal als ΔE2000 leest. Ze is sneller en komt vaak overeen met CIEDE2000; als ze verschillen, zijn de verschillen subtiel.

Ter indicatie: een ΔE onder 1 is voor de meeste mensen onzichtbaar, 1 tot 2 is een heel klein verschil als je de kleuren naast elkaar ziet, en boven 5 zien de kleuren er duidelijk anders uit. Heeft de dichtstbijzijnde naam een grote ΔE, dan valt je kleur gewoon tussen benoemde kleuren in.

Ideeën om kleurnamen te gebruiken

• Geef design tokens en kleurstalen in een palet een vriendelijkere naam dan een code.
• Beschrijf een kleur in een e-mail, een productbeschrijving of alt-tekst.
• Vind een CSS-sleutelwoord dat dicht bij een merkkleur ligt voor snelle prototypes.