HTML-kleurnamen

Alle tools Gratis

Blader door alle 140 standaard benoemde CSS/HTML-kleuren in een prachtig staalrooster — zoek op naam of hex, filter op kleurfamilie en kopieer de hex-, rgb()- of hsl()-waarde van elke kleur met één klik. In je browser, gratis.

Alle 140 standaard benoemde CSS/HTML-kleuren, met hun hex-, RGB- en HSL-waarden. Alles draait in je browser vanuit een ingebouwd naslagwerk — er wordt niets naar de server gestuurd.

Geen kleur komt overeen met je zoekopdracht.
Probeer een andere naam of hex — bijvoorbeeld RebeccaPurple, #00FF00 of teal.

Over HTML-kleurnamen

Deze referentie toont alle 140 standaard CSS/HTML-kleurnamen — de volledige lijst die browsers begrijpen, van AliceBlue tot YellowGreen — als een responsief kleurstalengrid. Elk staaltje toont de kleur zelf met naam en hexwaarde, en klikken opent de hex-, rgb()- en hsl()-vormen, elk met één klik te kopiëren.

Je kunt zoeken op naam of hexwaarde — Tomato en #FF6347 vinden hetzelfde staaltje — en filteren op familie: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites en Grays & Blacks. De familieweergave is de snelste manier om kandidaten te selecteren wanneer je ongeveer de tint kent die je wilt.

Genoemde kleuren zijn handig voor prototypes, codevoorbeelden, SVG-vullingen en onderwijs, omdat een naam zoals RebeccaPurple de bedoeling beter overbrengt dan een hex-drieling. De RGB- en HSL-waarden worden in je browser afgeleid uit de hex van elke kleur, en niets van wat je zoekt wordt naar een server gestuurd.

Hoe gebruik je HTML-kleurnamen

  1. Zoek op kleurnaam of hexwaarde — bijvoorbeeld Tomato, teal of #00FF00.
  2. Filter op familie — Reds, Blues, Grays enzovoort — om kleuren binnen één tintbereik te selecteren.
  3. Klik op een staaltje om de hexwaarde direct te kopiëren.
  4. Open de popover van het staaltje om in plaats daarvan de rgb()- of hsl()-vorm te kopiëren.

Veelgestelde vragen

Er zijn 140 standaard benoemde kleuren in moderne CSS, een uitbreiding van de originele 16 HTML-kleuren met de grotere, van X11 afgeleide lijst. Elke huidige browser ondersteunt ze allemaal, in elke eigenschap die een kleur accepteert.

Nee. tomato, Tomato en TOMATO zijn allemaal geldig en identiek in CSS en HTML. De camel-case-vormen die hier worden getoond zijn slechts de conventionele spelling die namen van meerdere woorden, zoals LightGoldenrodYellow, leesbaar maakt.

Namen zijn geweldig voor voorbeelden, prototypes en eenmalige accenten; productiepalettes leven meestal in custom properties met hex-, rgb()- of hsl()-waarden, omdat kleuren uit een designsysteem zelden precies overeenkomen met een benoemde kleur. Functioneel zijn een naam en zijn hex uitwisselbaar.

CSS bevat beide spellingen voor gray en zijn varianten — gray/grey, darkgray/darkgrey enzovoort — waarbij elk paar aan dezelfde waarde wordt gekoppeld, zodat geen van beide spellingen fout is.

Ja. Alle 140 kleurstalen, het zoeken, de familiefilters en het kopiëren van hex/rgb()/hsl() zijn gratis en werken volledig in je browser.
Delen
Gerelateerde tools
HTTP-statuscodes Zoek elke HTTP-responsstatuscode (1xx–5xx) op in een doorzoekbare, filterbare directory — open dan een code voor wat die betekent, wanneer je die gebruikt, of die cachebaar is en de RFC die hem definieert. In je browser, gratis. Gratis
HTTP-methoden Een scanbaar naslagwerk voor elke HTTP-verzoekmethode — GET, POST, PUT, PATCH, DELETE en de rest, plus WebDAV — dat in één oogopslag toont of elke methode veilig, idempotent en cachebaar is, of die een body bevat, en een typisch voorbeeld. In je browser, gratis. Gratis
HTTP-headers-naslagwerk Zoek veelvoorkomende HTTP-verzoek- en responsheaders op in een doorzoekbare directory — filter op richting en categorie, lees een beschrijving van één regel en een realistisch voorbeeld, en kopieer elke headernaam met één klik. In je browser, gratis. Gratis
DNS-recordtypen Blader door elk veelvoorkomend DNS-recordtype — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA en meer — met het doel ervan, een kopieerbaar zonebestand-voorbeeld en een categorie. Zoek en filter direct, in je browser, gratis. Gratis
TCP/UDP-poortnummers Zoek bekende en veelgebruikte netwerkpoorten op in een doorzoekbare tabel — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB en 120+ meer, elk met zijn transportprotocol, dienst, beschrijving en categorie. Zoek op poortnummer of dienstnaam en kopieer waarden direct. In je browser, gratis. Gratis
Subnet- / CIDR-calculator Bereken IPv4-subnetten op basis van CIDR of masker: netwerk, broadcast, hostbereik, wildcard en meer. Gratis
Hulp nodig?
Een probleem met deze tool gevonden? Laat het ons weten.
Een probleem melden

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.