Färgverktyg

Färgnamnsökare: HEX-kod till färgnamn – Gratis

Gratis, ingen registrering, fungerar i din webbläsare. Klistra in en HEX-, RGB- eller HSL-kod och se närmaste CSS-färgnamn, med en enkel beskrivning som "mörk, stark blå". Filtrera alla 148 namngivna färger.

Levande blå≈ royalblue

Närmaste namngivna färger

  • royalblue#4169E1 · nära
  • slateblue#6A5ACD · en grov träff
  • mediumslateblue#7B68EE · en grov träff
  • blue#0000FF · en grov träff
  • dodgerblue#1E90FF · en grov träff
  • blueviolet#8A2BE2 · en grov träff
HEX
#2F5BFF
RGB
rgb(47, 91, 255)
HSL
hsl(227, 100%, 59%)

Alla 148 CSS-färgnamn

Det här är standardnamnen för CSS-färger, så de fungerar i alla stilmallar. Matchningen sker på din enhet.

Varför använda Färgnamnsökare

100% gratis
Använd den så ofta du vill. Ingen registrering, ingen vattenstämpel, inget att installera.
Privat i sin design
Det du skriver stannar i din webbläsare och skickas aldrig till oss.
Fungerar på alla enheter
Körs i din webbläsare på Windows, Mac, Linux, Android och iPhone. Ingen app behövs.

Så använder du Färgnamnsökare

  1. Skriv eller klistra in en färg i Färgrutan (#2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) eller ett namn som teal), eller använd Välj färgprov.
  2. Läs det stora färgprovet: det visar en enkel beskrivning och närmaste namn, markerat med ≈ när det inte är en exakt träff.
  3. Kontrollera listan över närmaste namngivna färger. Varje anger hur nära den är (exakt, mycket nära, nära eller grov träff) och har en kopieringsknapp.
  4. Scrolla till Alla 148 CSS-färgnamn, filtrera med ett ord eller en del av en HEX-kod, och klicka på ett färgprov för att ladda det.

Vanliga frågor

Vilken färg är den här HEX-koden?

Klistra in koden i Färgrutan. Du får en beskrivning i ord, till exempel "ljus, mjuk grön", det närmaste CSS-färgnamnet och fem till närliggande träffar, plus HEX-, RGB- och HSL-värdena.

Hur hittas de närmaste namnen?

Färger jämförs i ett färgrum byggt för att efterlikna hur människor ser färg (OKLab), inte bara efter deras RGB-tal. Då ser det närmaste namnet ut som en bra match för ögat och på papper.

Vad händer om min färg inte har ett exakt namn?

De flesta har inte det: det finns miljontals HEX-koder och 148 CSS-namn. Verktyget visar de närmaste namnen och märker varje med exakt, mycket nära, nära eller grov träff, så du vet hur långt det är ifrån.

Kan jag använda namnen i CSS?

Ja. Varje namn i listan, till exempel tomato, slategray eller rebeccapurple, är ett standardiserat CSS-färgnamn och fungerar i alla stilmallar, i alla moderna webbläsare.

Vilka färgformat kan jag klistra in?

HEX (#RGB, #RRGGBB och med genomskinlighet), rgb(), hsl(), hsv() och cmyk(), eller ett CSS-färgnamn. Genomskinlighet ignoreras vid matchning, eftersom namnen är helfärger.

Varför finns både gray och grey i listan?

CSS accepterar båda stavningarna för varje grå, och aqua och cyan är också samma färg. De matchar samma HEX-kod, så listan över närmaste namn visar bara ett av varje.

Hur hittar jag en färg med dess namn?

Skriv namnet i Färgrutan, eller använd filtret ovanför hela listan (till exempel blå eller ff) och klicka på ett färgprov. Du får dess HEX-, RGB- och HSL-värden direkt.

Laddas något upp?

Nej. Matchningen sker på din enhet.

Är Färgnamnsökare gratis?

Ja. Det är gratis att använda, utan registrering och utan att något behöver installeras.

Hjälp och guider (på engelska)

Relaterade verktyg