HEX till RGB-omvandlare: färgkoder, HSL, CMYK – Gratis
Gratis, ingen registrering, fungerar i din webbläsare. Konvertera HEX till RGB, eller RGB till HEX, medan du skriver. Få HEX, RGB, HSL, HSV och CMYK samtidigt, var och en med en kopieringsknapp.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
Kontrast för text
AA kräver 4.5:1 för normal text och 3:1 för stor text; AAA kräver 7:1. Kontrasten mäts på den fasta färgen.
Allt konverteras på din enhet.
Varför använda HEX till RGB-färgomvandlare
- 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 HEX till RGB-färgomvandlare
- Klistra in en färg under Färg i valfritt format, till exempel #2F5BFF, rgb(47, 91, 255), hsl(227, 100%, 59%) eller cmyk(82%, 64%, 0%, 0%), eller använd Välj färgprov.
- Dra i reglaget Opacitet om du behöver genomskinlighet. HEX får två siffror till och RGB blir rgba().
- Klicka på kopieringsknappen bredvid HEX, RGB, HSL, HSV eller CMYK.
- Under Kontrast för text ser du om vit eller svart text läses bra på färgen.
Vanliga frågor
Hur konverterar jag HEX till RGB?
Dela upp de sex siffrorna i tre par och läs varje par som ett tal från 0 till 255. För #2F5BFF blir det 2F = 47, 5B = 91 och FF = 255, alltså rgb(47, 91, 255). Verktyget gör det medan du skriver.
Hur konverterar jag RGB till HEX?
Klistra in RGB-värdet, till exempel rgb(47, 91, 255) eller bara 47, 91, 255, och kopiera HEX-raden. Varje tal från 0 till 255 blir två hexadecimala siffror: 47 blir 2F, 91 blir 5B och 255 blir FF.
Hur är det med 8-siffriga HEX-koder?
De två sista siffrorna är opaciteten (alfa), från 00 (genomskinlig) till FF (helt ogenomskinlig). #2F5BFF80 är cirka 50% ogenomskinlig. Korta former som #abc och #abcd fungerar också.
Vad är skillnaden mellan HEX, RGB och HSL?
De beskriver samma färg på olika sätt. HEX och RGB anger mängden rött, grönt och blått (HEX i bas 16), medan HSL anger nyans, mättnad och ljushet, vilket är lättare att justera för hand. Alla tre fungerar i CSS.
Vad är HSV, och hur skiljer det sig från HSL?
HSV (även kallat HSB) använder nyans, mättnad och värde, den modell många designprogram använder i sina färgväljare. I HSL är 100% ljushet alltid vitt; i HSV är 100% värde den ljusaste versionen av färgen.
Varför ser CMYK-värden annorlunda ut i tryck?
Omvandlingen från skärm till tryck beror på skrivaren, bläcket och papperet. CMYK som visas här är en enkel matematisk omvandling; be din tryckare om deras färgprofil för exakta resultat.
Vad betyder kontrastförhållandet?
Det mäter hur läsbar vit eller svart text är på färgen. Tillgänglighetsriktlinjerna (WCAG) kräver minst 4.5:1 för normal text och 3:1 för stor text, och 7:1 för den strängare nivån AAA.
Skickas något någonstans?
Nej. Omvandlingarna sker på din enhet.
Är HEX till RGB-färgomvandlare gratis?
Ja. Det är gratis att använda, utan registrering och utan att något behöver installeras.
Hjälp och guider (på engelska)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
Relaterade verktyg
- FärgnamnsökareKlistra 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.
- FärgkontrastkontrollAnge text- och bakgrundsfärg för att se WCAG-kvoten och om AA och AAA godkänns. Vid underkänt föreslås en närmast godkänd färg.
- FärgpalettsgeneratorGenerera en femfärgspalett med mellanslag, lås färgerna du gillar eller bygg ett schema från din egen basfärg. Se 11 nyanser av varje färg och exportera.
- CSS-gradientgeneratorSkapa en linjär, radiell eller konisk gradient med 2 till 8 färgstopp och kopiera CSS-koden. Ladda ner den som PNG-bild i HD eller 4K.