Konverteringsverktyg

Konvertera HEX, RGB, HSL, HSV och CMYK

Konvertera HEX, RGB, HSL, HSV/HSB och CMYK i webbläsaren. Välj en färg, kopiera koder och kontrollera WCAG-kontrast. Ingenting laddas upp.

Klistra in en färgkod eller använd väljaren. HEX, RGB, HSL, HSV och CMYK uppdateras tillsammans. Kontrastkontroller använder WCAG-förhållanden mot en ogenomskinlig bakgrund.

  • Körs lokalt
  • Ingen uppladdning
  • Direkt
  • Gratis
Förhandsvisning
På vitt
På svart
Inmatningsformat

RGBA, HSLA och 8-siffrig HEX behåller alfa. HSV- och CMYK-strängar gör det inte; alfa visas separat.

HSV och HSB är samma modell. V och B betyder båda ljusstyrka.

CMYK här är en uppskattning från skärmens RGB. Det är inte en ICC-tryckprofilkonvertering.

WCAG-kontrast

Förgrunden kan innehålla alfa och komponeras mot en ogenomskinlig bakgrund. Den här versionen använder inte bakgrundens alfa. Kontrast ensam bevisar inte att en sida är tillgänglig.

Kontroll Resultat
AA normal text
AA stor text
AAA normal text
AAA stor text

Exempel på normal text

Exempel på stor text

Färgkonvertering och kontrastkontroller körs i webbläsaren. Värden laddas inte upp.

Så fungerar det

  1. Klistra in ett HEX-, RGB-, HSL-, HSV- eller CMYK-värde, eller använd väljaren.
  2. Läs de konverterade koderna och kopiera det du behöver.
  3. Kontrollera kontrasten mot en ogenomskinlig bakgrund om färgen är till text.

Varför NEXNARA

  • Privat

    Dina data stannar i webbläsaren.

  • Direkt

    Resultatet visas direkt.

  • Ingen uppladdning

    Inget skickas till en NEXNARA-server.

  • Fungerar överallt

    Ingen installation krävs.

Läs mer

Vad är en färgkonverterare?

Verktyget omvandlar en färgnation till de andra. Kopiera HEX för CSS, RGB för designverktyg, HSL för justeringar, HSV för väljare eller en enkel CMYK-uppskattning. All räkning stannar i webbläsaren.

Vad är HEX?

HEX skriver rött, grönt och blått som hexadecimala par, till exempel #FF0000. Kort #RGB dubblar varje siffra. Åttasiffrig #RRGGBBAA lägger till alfa. Här är # valfritt.

Vad är RGB?

RGB blandar rött, grönt och blått från 0 till 255. RGBA lägger till alfa från 0 till 1. Skärmar visar färg i RGB, så det är navformatet för övriga konverteringar.

Vad är HSL?

HSL är nyans (0–360), mättnad (0–100%) och ljushet (0–100%). Nyans 360 är samma som 0. HSLA lägger till alfa. Praktiskt när du vill ljusa upp eller mätta utan att tänka i rå RGB.

Vad är HSV / HSB?

HSV (även kallad HSB) använder nyans, mättnad och värde/ljusstyrka. Det är inte HSL: ett fullt ljust rött är hsv(0, 100%, 100%) och hsl(0, 100%, 50%). Verktyget behandlar HSV och HSB som en modell.

Vad är CMYK?

CMYK är cyan, magenta, gult och svart, vardera 0–100%. Skrivare använder CMYK. Konverteringen här är en matematisk uppskattning från skärmens RGB, inte en tryckklar ICC-profil.

RGB mot CMYK

RGB är additivt ljus på skärmen. CMYK är subtraktivt bläck på papper. Samma tal matchar inte alltid ett tryckt prov. Använd den här CMYK-utdata som en grov bild, inte för sluttryck.

Vad är alfa?

Alfa är opacitet. 1 är solid; 0 är helt genomskinlig. 8-siffrig HEX, RGBA och HSLA lagrar den. HSV- och CMYK-utdata på den här sidan innehåller inte alfa, så alfafältet syns fortfarande.

Vad är ett WCAG-kontrastförhållande?

WCAG-kontrast jämför textens och bakgrundens relativa luminans. Vanliga mål: 4,5:1 för AA normal text, 3:1 för AA stor text, 7:1 för AAA normal text och 4,5:1 för AAA stor text. Kontrollen täcker inte teckenstorlek, vikt eller resten av tillgängligheten.

Så konverterar du en färg

Välj HEX, RGB, HSL, HSV eller CMYK. Klistra in ett värde eller flytta väljaren. Konverteringen körs medan du skriver. Kopiera valfritt resultat. För kontrast, ställ in en ogenomskinlig bakgrund och läs PASS eller FAIL vid varje WCAG-rad.

Integritet

Inget skickas till NEXNARA eller till ett externt färg-API. Värden lagras inte i kakor eller lokal lagring för det här verktyget.

Vanliga frågor

Hur konverterar jag HEX till RGB?

Klistra in ett HEX-värde som #FF0000, eller välj färgen. RGB visas som rgb(255, 0, 0).

Hur konverterar jag RGB till HEX?

Välj RGB och ange rgb(255, 0, 0) eller fälten R, G, B. HEX uppdateras till #FF0000.

Vad är skillnaden mellan HSL och HSV?

Båda använder nyans och mättnad, men HSL:s tredje kanal är ljushet och HSV:s är värde (ljusstyrka). Fullt ljust rött är 50 % lightness i HSL och 100 % value i HSV.

Är HSV samma sak som HSB?

Ja. B i HSB (brightness) är V i HSV (value). Verktyget accepterar hsv() och hsb().

Kan RGB konverteras till CMYK?

Ja, som en uppskattning från skärmens RGB. Den matchar inte varje skrivarprofil.

Varför kan tryckt CMYK se annorlunda ut?

Papper, bläck och ICC-profiler ändrar resultatet. Sidan simulerar inte en tryckpress.

Vad betyder 8-siffrig HEX?

De två sista siffrorna är alfa. #FF000080 är rött med ungefär 50 % opacitet.

Vilket kontrastförhållande behöver jag?

WCAG AA för normal text är 4,5:1. Stor text kan använda 3:1. AAA för normal text är 7:1. Verktyget rapporterar bara de fyra kontrollerna.

Görs konverteringen lokalt?

Ja. Den körs i webbläsaren. Det finns ingen server och inget externt API.

Hur konverterar jag HEX till HSL?

Klistra in HEX och läs HSL-fältet, eller börja från HSL och kopiera HEX. Nyans 360 är lika med 0.