HTML-färgnamn

Alla verktyg Gratis

Bläddra bland alla 140 standardiserade CSS/HTML-namngivna färger i ett vackert färgprovsrutnät — sök efter namn eller hex, filtrera efter färgfamilj och kopiera hex-, rgb()- eller hsl()-värdet för valfri färg med ett klick. I din webbläsare, gratis.

Alla 140 standardiserade CSS/HTML-namngivna färger, med deras hex-, RGB- och HSL-värden. Allt körs i din webbläsare från en inbyggd referens — inget skickas till servern.

Ingen färg matchar din sökning.
Prova ett annat namn eller hex — till exempel RebeccaPurple, #00FF00 eller teal.

Om HTML-färgnamn

Den här referensen presenterar alla 140 standardnamngivna CSS/HTML-färger — hela listan webbläsare förstår, från AliceBlue till YellowGreen — som ett responsivt rutnät av färgprover. Varje färgprov visar färgen själv med sitt namn och hexvärde, och att klicka på ett öppnar dess hex-, rgb()- och hsl()-former, var och en kopierbar med ett klick.

Du kan söka på namn eller hexvärde — Tomato och #FF6347 hittar samma färgprov — och filtrera efter familj: Röda, Rosa, Orange, Gula, Bruna, Gröna, Cyan, Blåa, Lila, Vita samt Grå & Svarta. Familjevyn är det snabbaste sättet att korta ner en lista över kandidater när du ungefär vet vilken nyans du vill ha.

Namngivna färger är praktiska för prototyper, kodexempel, SVG-fyllningar och undervisning, eftersom ett namn som RebeccaPurple förmedlar avsikt bättre än en hex-trippel. RGB- och HSL-värdena härleds i din webbläsare från varje färgs hex, och inget du söker på skickas till en server.

Så använder du HTML-färgnamn

  1. Sök på färgnamn eller hexvärde — till exempel Tomato, teal eller #00FF00.
  2. Filtrera efter familj — Röda, Blåa, Grå och så vidare — för att korta ner en lista över färger inom ett nyansspann.
  3. Klicka på ett färgprov för att direkt kopiera dess hexvärde.
  4. Öppna färgprovets popover för att istället kopiera rgb()- eller hsl()-formen.

Vanliga frågor

Det finns 140 standardnamngivna färger i modern CSS, som utökar de ursprungliga 16 HTML-färgerna med den större X11-härledda listan. Varje aktuell webbläsare stöder alla, i varje egenskap som accepterar en färg.

Nej. tomato, Tomato och TOMATO är alla giltiga och identiska i CSS och HTML. De camelCase-formade stavningarna som visas här är bara den konventionella stavningen som gör flerordsnamn som LightGoldenrodYellow läsbara.

Namn är bra för exempel, prototyper och engångsaccenter; produktionspaletter lever oftast i anpassade egenskaper med hex-, rgb()- eller hsl()-värden, eftersom designsystemets färger sällan matchar ett namngivet färg exakt. Funktionellt är ett namn och dess hex utbytbara.

CSS inkluderar båda stavningarna för gray och dess varianter — gray/grey, darkgray/darkgrey och så vidare — och mappar varje par till samma värde, så ingen av stavningarna är fel.

Ja. Alla 140 färgprover, sökningen, familjefiltren och kopieringen av hex/rgb()/hsl() är gratis och körs helt i din webbläsare.
Dela
Relaterade verktyg
HTTP-statuskoder Slå upp varje HTTP-svarsstatuskod (1xx–5xx) i en sökbar, filtrerbar katalog — öppna sedan valfri kod för vad den betyder, när du ska använda den, om den är cachebar och vilken RFC som definierar den. I din webbläsare, gratis. Gratis
HTTP-metoder En överskådlig referens för varje HTTP-begäranmetod — GET, POST, PUT, PATCH, DELETE och resten, plus WebDAV — som med en blick visar om var och en är säker, idempotent och cachebar, om den tar en kropp och ett typiskt exempel. I din webbläsare, gratis. Gratis
HTTP-headers-referens Slå upp vanliga HTTP-begäran- och svarsheaders i en sökbar katalog — filtrera efter riktning och kategori, läs en enradsbeskrivning och ett realistiskt exempel och kopiera valfritt headernamn med ett klick. I din webbläsare, gratis. Gratis
DNS-posttyper Bläddra bland alla vanliga DNS-posttyper — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA med flera — med syfte, ett kopierbart zonfilsexempel och en kategori. Sök och filtrera omedelbart, i din webbläsare, gratis. Gratis
TCP/UDP-portnummer Slå upp välkända och vanligt använda nätverksportar i en sökbar tabell — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB och 120+ till, var och en med sitt transportprotokoll, sin tjänst, beskrivning och kategori. Sök efter portnummer eller tjänstnamn och kopiera värden omedelbart. I din webbläsare, gratis. Gratis
Subnät-/CIDR-kalkylator Beräkna IPv4-subnät från CIDR eller nätmask: nätverk, broadcast, värdområde, wildcard med mera. Gratis
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.