Digitala färgmodeller och deras uppbyggnad
Digital färgåtergivning bygger på olika matematiska modeller för att beskriva hur ljus och pigment ska blandas. Beroende på om färgen ska visas på en bildskärm, tryckas på papper eller användas i en CSS-kod för webbdesign, används olika färgrymder. Denna färgkonverterare hanterar sex av de vanligaste färgmodellerna: HEX, RGB, HSL, HSV, CMYK och LAB.
Additiva och subtraktiva färgmodeller
Skillnaden mellan hur färg skapas på en skärm och hur den skapas på papper är fundamental:
- RGB (Röd, Grön, Blå): Detta är en additiv färgmodell som används för digitala skärmar. Genom att blanda rött, grönt och blått ljus i olika intensiteter från 0 till 255 skapas det synliga färgspektrumet. När alla tre färger har maxvärdet 255 erhålls vitt ljus.
- CMYK (Cyan, Magenta, Gul, Svart): Detta är en subtraktiv färgmodell som används för fysiskt tryck. Modellen utgår från att papperet reflekterar ljus, och färgpigmenten (cyan, magenta och gult) appliceras för att absorbera (subtrahera) specifika våglängder. Eftersom en blandning av dessa tre pigment i praktiken inte ger en ren svärta, läggs en fjärde komponent till: Key (svart). CMYK-värden anges i procent från 0% till 100%.
Koordinatbaserade och perceptuella färgrymder
Utöver de rent hårdvarubaserade modellerna finns det modeller som är utformade för att underlätta mänsklig förståelse eller ge absolut färgprecision:
- HSL och HSV: Båda dessa modeller är cylindriska koordinattransformationer av RGB-modellen. De definierar färg utifrån nyans (Hue, 0–360 grader), mättnad (Saturation, procent) samt antingen ljusstyrka (Lightness för HSL, procent) eller värde (Value för HSV, procent). Dessa modeller gör det enklare för designers att justera en färgs ljushet eller intensitet utan att förstöra själva färgtonen.
- LAB: Denna modell (ofta kallad CIELAB) är utformad för att efterlikna det mänskliga seendet. Den består av en kanal för ljusstyrka (L, 0–100) samt två färgaxlar: a (grön-röd axel) och b (blå-gul axel). LAB är en enhetsoberoende färgrymd, vilket innebär att den definierar färger exakt oavsett vilken skärm eller skrivare som ska återge dem.
Konverteringens regler och begränsningar
När en färg konverteras mellan olika färgrymder sker matematiska beräkningar i realtid. Eftersom de olika modellerna har olika stora färgfång (gamut), uppstår ibland tekniska begränsningar vid konverteringen.
Färgfång och justeringar till synligt RGB-omfång
LAB- och CMYK-färgrymderna kan beskriva färgnyanser som ligger utanför det omfång som en vanlig datorskärm kan visa. Om du anger ett värde i LAB eller CMYK som hamnar utanför det synliga RGB-omfånget, justerar verktyget automatiskt värdet till den närmaste färg som kan visas på skärmen. Om du därefter konverterar denna justerade färg tillbaka till sitt ursprungliga format, kan det uppstå en mindre avvikelse i värdena jämfört med vad du ursprungligen matade in.
CMYK som skärmuppskattning
Det är viktigt att notera att CMYK-utmatningen i detta verktyg är en uppskattning på skärmen. Eftersom fysiskt tryck påverkas av externa faktorer som papperstyp, bläckets egenskaper och specifika skrivarprofiler, kan de faktiska värdena som krävs vid professionellt tryck skilja sig från de teoretiska värden som visas på skärmen.
Inmatningsformat och felmeddelanden
Verktyget kräver att värdena matas in enligt specifika syntaxregler. Om ett ogiltigt värde skrivs in i något av fälten, visar verktyget ett tydligt felmeddelande för att hjälpa dig att korrigera inmatningen.
| Format | Exempel på giltig inmatning | Felmeddelande vid ogiltig inmatning |
|---|---|---|
| HEX | #4f46e5 eller #abc |
Ange en hex-färg som #4f46e5 eller #abc. |
| RGB | 79, 70, 229 |
Ange RGB som tre tal 0–255, till exempel 79, 70, 229. |
| HSL | 243, 75%, 59% |
Ange HSL som nyans 0–360 med två procentsatser, till exempel 243, 75%, 59%. |
| HSV | 243, 69%, 90% |
Ange HSV som nyans 0–360 med två procentsatser, till exempel 243, 69%, 90%. |
| CMYK | 66%, 69%, 0%, 10% |
Ange CMYK som fyra procentsatser 0–100, till exempel 66%, 69%, 0%, 10%. |
| LAB | 40.73, 50.63, -79.08 |
Ange LAB som L 0–100 med a och b, till exempel 40.73, 50.63, -79.08. |
Praktisk användning inom webbutveckling och design
Färgkonvertering är ett dagligt arbetsmoment för både front-end-utvecklare och grafiska formgivare. Vid skapandet av webbplatser används ofta HEX- eller RGB-värden direkt i CSS-kod. HSL har dock blivit alltmer populärt i modern CSS eftersom det gör det enkelt att skapa färgteman genom att behålla samma nyans (H) men justera ljusstyrkan (L) för att skapa skuggor, hovringseffekter eller mörka teman.
När en design ska flyttas från digitala skisser till fysiskt material, exempelvis visitkort eller förpackningar, måste färgerna översättas till CMYK. Genom att använda konverteraren kan formgivaren snabbt få en indikation på hur färgerna kommer att bete sig i tryck och justera kontraster i god tid.
Färgval handlar även om tillgänglighet. Genom att analysera och konvertera färger till LAB-modellen kan man mer exakt mäta den upplevda kontrasten (L-kanalen) mellan text och bakgrund, vilket är avgörande för att uppfylla tillgänglighetskrav för personer med nedsatt syn.
Integritet och lokal databehandling
När du använder denna färgkonverterare behandlas all data lokalt. Varje konvertering sker i din webbläsare. Inget av det du skriver in laddas upp till BroBroGo. Detta innebär att du kan arbeta med färgpaletter utan att någon information skickas över nätverket till externa servrar.
Vanliga frågor
Vilka färgformat kan jag konvertera mellan?
HEX, RGB, HSL, HSV, CMYK och LAB. Skriv in ett värde i något av dem så uppdateras de andra fem direkt, så att du kan gå från vilket format som helst till ett annat.
Är CMYK-resultatet redo för professionellt tryck?
Se det som en nära uppskattning för skärmen. Verklig CMYK för tryck beror på papper, bläck och skrivarprofil, så ett tryckeri kan leverera värden som skiljer sig något från dessa.
Varför ändras en LAB- eller CMYK-färg något när den konverteras tillbaka?
LAB och CMYK kan beskriva färger som en skärm inte kan visa. När ett värde hamnar utanför det synliga RGB-omfånget dras det till närmaste färg som kan visas, så att konvertera tillbaka kan ändra det något.