Konvertering av färgkoder

Färgkodskonvertering (färgkonverterare)

När du anger en färg med hjälp av färgväljaren eller ett numeriskt värde beräknar systemet automatiskt HEX-, RGB-, HSL-, HSV- och CMYK-värdena. Du kan kopiera varje format med ett enda klick och kontrollera kontrastförhållandet med komplementfärger och textfärger.

Ange en färg

Stöder formaten #RGB, #RGBA, #RRGGBB och #RRGGBBAA.

%
%

%
%

%
%
%
%

Översättningsresultat

De angivna färgerna har konverterats till respektive färgformat.

Exempeltext
HEX—
HEXA (med opacitet)—
RGB—
RGBA—
HSL—
HSLA—
HSV / HSB—
CMYK—

Komplementfärger

—

Detta är den motsatta färgen, förskjuten 180 grader på färghjulet.

Kontrast mot textfärgen

Kontrastförhållande mot vit text—
Kontrastförhållande mot svart text—
Lättläst textfärg：—

All färgkonvertering sker i webbläsaren; inmatade data skickas inte till servern.

Vad är ett verktyg för omvandling av färgkoder?

Color Code Converter är ett gratis onlineverktyg som konverterar numeriska färgvärden som används inom webbdesign, apputveckling, bildredigering och tryckdesign. Även för samma färg varierar formatet som används för att ange den – till exempel HEX, RGB, HSL, HSV eller CMYK – beroende på applikation eller programvara. Med detta verktyg kan du se värdena för alla vanliga format på ett ögonblick genom att helt enkelt ange en enda färg.

HEX är en hexadecimal notation som ofta används i webbplatsers CSS. Till exempel representeras vitt som #FFFFFF och svart som #000000. RGB är en metod för att kombinera rött, grönt och blått ljus på en skala från 0 till 255 och används för att hantera färger på skärmar. Med RGBA och 8-siffrig HEXA kan du även ange opacitet, vilket gör dem användbara för att skapa halvtransparenta bakgrundsfärger och överlägg.

HSL representerar färg med hjälp av färgton, mättnad och ljushet. Färgtonen anges på ett färghjul som sträcker sig från 0 till 360 grader, medan mättnaden och ljusheten anges på en skala från 0 till 100 %.Detta format gör det enkelt att intuitivt justera färger, till exempel genom att göra dem något ljusare eller dämpa deras intensitet. HSV eller HSB representerar färg med hjälp av nyans, mättnad och ljusstyrka, och används i många grafikprogram och färgväljare.

CMYK är en färgmodell som baseras på mängden cyan, magenta, gult och svart bläck och används främst inom tryckeribranschen. CMYK-värden som beräknas matematiskt utifrån RGB-färger på skärmen är dock endast en grov riktlinje. Eftersom det faktiska utskriftsresultatet beror på faktorer som papper, bläck, tryckpress och ICC-profiler bör du rådfråga ditt tryckeri och kontrollera din färghanteringsmiljö för trycksaker som kräver färgprecision.

Detta verktyg visar inte bara värden för varje format, utan även en förhandsgranskning av den valda färgen, dess komplementfärg (förskjuten 180 grader i nyans) och kontrastförhållandet när vit och svart text läggs över varandra. Det är användbart för att välja textfärger som är lätta att läsa mot bakgrundsfärgen och för att överväga färgscheman med tillgänglighet i åtanke.Alla beräkningar utförs i webbläsaren, och den färginformation du anger skickas aldrig till servern.

Användning

  1. Använd färgväljaren eller ange ett värde i HEX, RGB, HSL, HSV eller CMYK.
  2. Beroende på vilket format du anger kommer värdena i andra färgformat att uppdateras automatiskt.
  3. Om transparens krävs, justera transparensreglaget eller det numeriska fältet.
  4. När du klickar på ”Visa konverteringsresultat” kommer du till resultatsidan där du kan kontrollera varje format, komplementfärger och kontrastförhållande.
  5. Klicka på ”Kopiera” i önskat format och klistra sedan in det i CSS, designverktyg, dokumentation osv.

Försiktighetsåtgärder vid användning

  • CMYK-värdena är allmänna omräkningar baserade på RGB och garanterar inte exakt färgåtergivning vid utskrift.
  • Transparens återspeglas i RGB-, HSL- och HEXA-utdata, men CMYK inkluderar inte begreppet transparens.
  • Beroende på inställningarna för din skärm, webbläsare och operativsystem kan samma färgkod se olika ut.
  • Kontrastförhållandet beräknas utifrån opaka färger, exklusive transparens. Läsbarheten kan variera beroende på den faktiska bakgrundsbilden och hur elementen överlappar varandra.
  • Mycket små decimaltal avrundas till ett lämpligt antal decimaler för att underlätta läsbarheten.

Vanliga frågor

Färgerna anges i hexadecimal notation. Vanligtvis används ett 6-siffrigt #RRGGBB-format; när transparens ingår används ett 8-siffrigt #RRGGBBAA-format.

RGB består av tre komponenter – rött, grönt och blått – medan RGBA lägger till en alfakanal för att återge transparens.

Detta är användbart när du vill justera ljusstyrkan eller mättnaden samtidigt som du behåller samma färgton. Det lämpar sig också väl för att skapa färgvariationer i CSS.

I allmänhet avser dessa samma modell. ”V” står för ”Value” och ”B” står för ”Brightness”, även om terminologin kan variera beroende på appen.

Visar ungefärliga värden baserade på allmänna formler. ICC-profiler och en specifik utskriftsmiljö krävs för att uppnå korrekta utskriftsfärger.

Ja. Om du anger ett värde i #RGB-format kommer det att konverteras till #RRGGBB, där varje siffra upprepas två gånger.

Ja. Den stöder både #RGBA- och #RRGGBBAA-in- och utdata.

Dessa färger ligger på motsatt sida av färghjulet. Detta verktyg beräknar dem genom att förskjuta HSL-nyansen med 180 grader.

Detta anger skillnaden i ljusstyrka mellan bakgrundsfärgen och textfärgen. Generellt gäller att ju högre siffra, desto lättare är det att urskilja texten.

Jämför kontrastförhållandena i resultatavsnittet; välj det med det högsta förhållandet för att förbättra läsbarheten.

Nej. Konverteringen och visningen sker helt och hållet i webbläsaren; färgvärdena skickas inte till servern för bearbetning.

Ja. Du kan konvertera värden med hjälp av färgväljaren eller numeriska inmatningsfält i webbläsare som stöder detta.