Hoppa till innehåll
Färgkoder

Allt om färg – på ett ställe

11 kostnadsfria verktyg för att välja, konvertera och kombinera färg – tillsammans med Sveriges mest kompletta referens för färgkoder, RAL-kulörer och färgernas betydelse.

Öppna färgväljaren Skapa en palett
11 verktyg 148 färgnamn 216 RAL-kulörer 800+ färgsidor 0 kr – helt gratis

Verktygen

Allt körs direkt i webbläsaren – inget konto, ingen uppladdning.

Färgväljare Välj en färg och få HEX, RGB, HSL och CMYK direkt. Färgpalett Generera en harmonisk palett utifrån en huvudfärg. Färggenerator Slumpa fram färgpaletter och lås favoriterna. Färghjul Utforska färgharmonier på ett interaktivt färghjul. Färgschema Färdiga flat UI-färger för din nästa webbdesign. Färg från bild Plocka exakt färgkod från valfri bild. Kontrastkontroll Kontrollera WCAG-kontrast för text och bakgrund. Gradientgenerator Skapa CSS-gradienter och kopiera koden. HEX till RGB Konvertera mellan HEX och RGB. HEX till CMYK Konvertera HEX till tryckfärger i CMYK. RGB till CMYK Konvertera RGB till CMYK för tryck.

Referenser & färgkartor

Uppslagsverket bakom verktygen – varje färg har en egen sida.

Färgnamn Alla 148 namngivna HTML-färger med hex och RGB. RAL-färger 216 RAL Classic-kulörer med skärmvärden och nyanser. Färgers betydelse Vad varje färg symboliserar – färgpsykologi och kultur. Populära färgkoder Hex, RGB och HSL för hundratals populära färger.

Senaste från bloggen

Guider om färg, design och tillgänglighet.

Alla artiklar →
Trendfärger 2026 – kulörerna som sätter tonen i år Årets färgtrender för inredning och webb: dova jordnära toner, mättade accenter och lugna neutraler. Se trendfärgerna med hexkoder och RAL-motsvarigheter. · 7 min NCS vs RAL – skillnaden mellan färgsystemen NCS och RAL är två av de vanligaste färgsystemen i Sverige. Så skiljer de sig, när du använder vilket, och hur du översätter en kulör mellan systemen. · 8 min Tillgängliga färger – WCAG-kontrast förklarat Så gör du färgvalen tillgängliga enligt WCAG. Förstå kontrastkraven AA och AAA, varför de finns och hur du testar text mot bakgrund – med praktiska exempel. · 8 min

Din kompletta verktygslåda för färg

Oavsett om du bygger en webbplats, tar fram en logotyp eller ska måla om hemma är rätt färg avgörande. Färgkoder samlar allt du behöver för att arbeta med färg professionellt – utan krångel och helt på svenska. Välj en exakt färg i färgväljaren, bygg en harmonisk färgpalett, kontrollera läsbarheten i kontrastverktyget och konvertera mellan skärm- och tryckfärger med våra konverterare.

Mer än verktyg

Bakom verktygen finns ett växande uppslagsverk: alla 148 namngivna HTML-färger, hela RAL Classic-kartan med skärmvärden och köpguider, hundratals populära färgkoder med egna sidor, och guider till både färgteori och färgernas betydelse. Allt länkat, så att du kan gå från en idé till exakta koder på några klick.

Vanliga frågor

Vad är en färgkod?

En färgkod är ett standardiserat sätt att beskriva en exakt färg så att datorer och skärmar visar den likadant. De vanligaste formaten är HEX (#RRGGBB), RGB (rött, grönt, blått), HSL (nyans, mättnad, ljushet) och CMYK som används vid tryck.

Hur hittar jag HEX-koden för en färg?

Öppna färgväljaren och dra tills du hittar rätt färg, eller skriv in ett RGB- eller HSL-värde. HEX-koden uppdateras direkt och du kopierar den med ett klick. Har du en bild kan du i stället plocka färgen direkt ur bilden med vårt bildverktyg.

Vad är skillnaden mellan RGB och CMYK?

RGB är ett additivt färgsystem för skärmar där rött, grönt och blått ljus adderas. CMYK är subtraktivt och används vid tryck, där cyan, magenta, gult och svart blandas på papper. Konvertera enkelt mellan dem med våra verktyg.

Är Färgkoder gratis att använda?

Ja. Alla verktyg på Färgkoder är helt gratis, kräver ingen inloggning och fungerar direkt i webbläsaren på både dator och mobil.