Färgverktyg

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

Vit text: 5.17:1AA
Svart text: 4.06:1Endast AA för stor 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

  1. 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.
  2. Dra i reglaget Opacitet om du behöver genomskinlighet. HEX får två siffror till och RGB blir rgba().
  3. Klicka på kopieringsknappen bredvid HEX, RGB, HSL, HSV eller CMYK.
  4. 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.