Online Tools Center
  • Hem
  • Verktyg
  • Konverterare
Online Tools Center

Free online calculators for math, finance, fitness, and more.

Snabb länkar

  • Math Calculators
  • Verktyg
  • Konverterare
  • Om Oss
  • Kontakt

Juridisk

  • Integritetspolicy
  • Användarvillkor

© 2026 Online Tools Center. Alla rättigheter förbehållna.

Färgkonverterare

Ange en färg i valfritt format och se omedelbart alla konverteringar — RGB, Hex, HSL, HWB, CMYK och NCol.

Ange en giltig färg för att se förhandsgranskning och alla konverteringar.

Vad är en färgkonverterare?

En färgkonverterare översätter en färg mellan de olika kodningssystem som används inom webbdesign, trycksaker och digital konst. Svenska designers arbetar med paletter som spänner från det ikoniska blå och gula i nationsflaggan till de mjuka naturfärgerna i Dalarna, de sienna­röda trähusen i Falun och de dova pastellerna i Stockholms funktionalistiska arkitektur.

Verktyget stöder sex format: RGB, Hex, HSL, HWB, CMYK och Natural Color (NCol). Det identifierar dessutom närmaste CSS-färgnamn när träffen är tillräckligt exakt.

Färgmodeller i korthet

RGB

Additivt modell för skärmar. Varje kanal sträcker sig 0–255. Alla tre på max ger vitt.

Hex

Hexadecimal kodning av RGB, vanlig i CSS. Exempel: #006aa7 (blå i svenska flaggan).

HSL

Beskriver färg via nyansvinkel (0–360°), mättnad och ljushet. Naturligt för mänsklig perception.

HWB

Alternativ till HSL med nyans, vithet och svarthet. Enkelt att tona och nyansera.

CMYK

Subtraktiv modell för trycksaker: cyan, magenta, gul och svart.

Natural Color (NCol)

W3C Natural Color: nyans som bokstav + procentoffset, plus vithet och svarthet.

Svenska färgexempel

Flaggblå (#006aa7)

Den djupa blåa färgen i den svenska flaggan (RGB 0, 106, 167). I HSL ca 202°, 100%, 33%. Återfinns i Svenska myndigheters grafiska profiler och IKEA:s logotyp.

Flagggul (#fecc02)

Det klara gula i den svenska flaggan (RGB 254, 204, 2). I HSL 48°, 99%, 50%. Symboliserar den svenska midsommarens solljus och rapsfältens gulhet.

Faluröd (#8b1a1a)

Den karakteristiska mörkröda färgen på svenska trähus (RGB 139, 26, 26), sprungen ur koppargruvan i Falun. I HSL 0°, 69%, 32%. Ett av Sveriges starkaste kulturarv.

Nordisk himmelsblå (#c8dde8)

Den lugna, grå-blå himmelsfärgen över det skandinaviska vinterlandskapet (RGB 200, 221, 232). I HSL 202°, 43%, 85%. Vanlig i nordisk inredning och Scandi-design.

Hur det fungerar

  1. 1

    Välj det indataformat som matchar din färgkod.

  2. 2

    Ange färgvärdena. Resultaten uppdateras omedelbart — ingen knapp behövs.

  3. 3

    Konverteraren normaliserar all indata till en intern RGB-representation som universell pivot.

  4. 4

    Utifrån det RGB-triplet beräknas alla andra format med standardiserade matematiska formler.

  5. 5

    Namnuppslaget jämförs mot 148 CSS-färger och returnerar det närmaste inom ~30 enheter.

Tips och bästa praxis

  • ✓

    Använd Hex eller RGB för CSS; föredra HSL för att justera ljushet eller mättnad programmatiskt.

  • ✓

    CMYK-värden är uppskattningar — beställ alltid ett proavdrag för kommersiellt tryckt material.

  • ✓

    HWB är idealisk för att skapa färgfamiljer: behåll nyansen och variera vitheten.

  • ✓

    Prefixet '#' är valfritt vid hex-inmatning.

  • ✓

    För officiella svenska varumärkesfärger (Riksdag, Regeringen, IKEA) — konsultera alltid variabelboken.

Vanliga frågor

Vad skiljer HSL från HWB?▼

Båda använder en nyansvinkel men de andra parametrarna skiljer sig. HSL använder mättnad och ljushet; HWB använder vithet och svarthet direkt. HWB är ofta mer intuitivt för att ljusa upp (mer vitt) eller mörkna (mer svart) en färg.

Varför ser CMYK annorlunda ut på skärmen?▼

Skärmar använder additivt ljus (RGB); skrivare använder subtraktivt bläck (CMYK). Färgrymden överlappas inte helt. Konverteraren ger en matematisk approximation, inte ett press-bevis.

Vad är Natural Color (NCol)?▼

En W3C-förslag som kodar nyansen som en bokstav (R, Y, G, C, B, M) plus procentoffset, följt av vithet och svarthet. Till exempel är R0 0% 0% ren röd.

Kan jag konvertera en CSS-färg som 'coral'?▼

Ja. Skriv namnet i fältet 'Sök på CSS-namn' och konverteraren laddar automatiskt värdena.

Hur exakta är konverteringarna?▼

Hex och RGB är förlustfria (med heltalsavrundning). HSL, HWB och NCol avrundas till en decimal. CMYK är bara en matematisk approximation.

Varför visas inget färgnamn ibland?▼

Endast 148 standard CSS-färger ingår. Om den angivna färgen är mer än ~30 RGB-enheter från en namngiven färg returneras inget namn.

Färgrepresentationer kan variera mellan enheter på grund av skärmkalibrering och färgprofiler. CMYK-värden är matematiska approximationer.

Betygsätt Denna Kalkylator