Hva er forskjellen mellom RGB og CMYK?

RGB er for skjermer, CMYK er for trykk. Skjermer skaper farger ved å sende ut rødt, grønt og blått lys (additiv blanding), mens printere skaper farger ved å legge lag av cyan, magenta, gult og svart blekk på papir (subtraktiv blanding). RGB kan produsere lysere, mer levende farger enn CMYK fordi lys har et bredere fargeomfang enn blekk. Derfor ser skjermfargene dine ofte mattere ut når de skrives ut.

Hvorfor ser fargene mine annerledes ut når de skrives ut?

Skjermer sender ut lys, papir reflekterer det—fundamentalt forskjellige prosesser. I tillegg håndterer RGB millioner av farger som CMYK-blekk ganske enkelt ikke kan reprodusere. Skjermkalibrering, papirkvalitet og blekkvariasjon legger til mer variabilitet. Sjekk alltid CMYK-verdiene før utskrift, og be om fysiske prøver for kritisk fargetilpasning.

Hvordan får jeg hex-koder fra farger jeg ser på nettet?

Bruk nettleserens utviklingsverktøy. I Chrome eller Firefox, høyreklikk et element, velg "Inspiser", og klikk så den lille fargekvadratene i stilpanelet. Dette åpner en fargevelger som viser hex-koden. Nettleserutvidelser som ColorZilla gjør dette enda raskere—de lar deg klikke hvor som helst på en side for å hente dens fargeverdier.

Hva betyr #-symbolet i hex-koder?

Det er bare et prefiks som forteller nettleseren "dette er en heksadesimal fargekode". Standarden kommer fra tidlige HTML- og CSS-spesifikasjoner. De seks tegnene etter # representerer RGB-verdier i base-16: to sifre for rødt, to for grønt, to for blått. Uten # vil ikke nettlesere gjenkjenne det som en farge.

Hvorfor fungerer 3-sifrede hex-koder?

De er en snarvei for når hver fargekanal gjentar seg. #F00 utvides til #FF0000 (rødt), #C9C blir #CC99CC (lys lilla). Denne snarveien ble opprettet på 1990-tallet for å redusere filstørrelser når båndbredde var dyrt. Den er fortsatt praktisk i dag for enkle farger.

Er fargekonverteringene nøyaktige?

RGB-til-hex-konverteringer er matematisk eksakte—de er de samme verdiene i forskjellige tallbaser. RGB-til-CMYK-konverteringer er tilnærminger fordi du konverterer mellom fundamentalt forskjellige fargerom (lys vs. blekk). Verktøyet bruker ICC fargeprofilstandarder for disse konverteringene, som er samme tilnærming profesjonell designprogramvare bruker.

Hvordan lager jeg tilgjengelige fargekombinasjoner?

Bruk en kontrastkontroller som WebAIM's verktøy etter å ha valgt fargene dine her. Du trenger et 4,5:1 forhold for normal tekst, 3:1 for stor tekst. Unngå rødt-grønt kombinasjoner (vanskeligst for fargeblinde brukere). Når du er i tvil, mørkere tekst på lysere bakgrunn eller omvendt—tilstrekkelig luminansforskjell er det viktigste.

Kan jeg velge farger fra bilder?

Ikke direkte i dette verktøyet. Bruk en nettleserutvidelse som ColorZilla, eller ta en skjermdump av bildet og bruk operativsystemets fargevelger (Digital Color Meter på macOS, PowerToys Color Picker på Windows). Når du har fargeverdien, kan du legge den inn her for å konvertere mellom formater.

Hvorfor konverterer ikke noen RGB-farger godt til CMYK?

CMYK har et smalere "gamut" (rekkevidde av reproduserbare farger) enn RGB. Lyse blåfarger, levende grønne og elektriske oransje faller ofte utenfor det CMYK-blekk fysisk kan skape. Når dette skjer, erstatter printeren den nærmeste mulige matchingen, som vanligvis ser mindre mettet ut. Profesjonelle printdesignere starter ofte med CMYK-sikre farger for å unngå dette problemet.

Fargevelger-verktøy - Konverter RGB, Hex, CMYK og HSV Fargekodar

Hva Du Kan Gjøre Med Denne Fargevelgeren

Trenger du den perfekte nyansen for prosjektet ditt? Denne fargevelgeren lar deg velge, forhåndsvise og konvertere farger mellom RGB, Hex, CMYK og HSV-formater umiddelbart. Enten du lager en nettside, designer en logo eller forbereder filer for trykk, vil du finne de nøyaktige fargeverdiene du trenger—ingen gjetting, ingen veksling mellom verktøy.

Klikk hvor som helst på fargespekteret for å velge en nyanse, juster lysstyrke med en skyveregulator, eller skriv inn presise verdier direkte. Hvert format oppdateres i sanntid, og du kan kopiere hvilken som helst fargekode med ett klikk.

Forstå fargemodeller

Forskjellige prosjekter trenger forskjellige fargeformater. Her er hva hver enkelt gjør og når du bør bruke den:

RGB (Rød, Grønn, Blå)

RGB fungerer ved å blande rødt, grønt og blått lys—på samme måte som skjermen din viser farger akkurat nå. Hver komponent varierer fra 0 til 255:

RGB(255, 0, 0) = ren rød
RGB(0, 255, 0) = ren grønn
RGB(0, 0, 255) = ren blå
RGB(255, 255, 255) = hvit
RGB(0, 0, 0) = svart

Når du bør bruke RGB: Alt digitalt arbeid—nettsider, mobilapper, videoredrigering eller skjermbaserte grafikk. Det er det opprinnelige språket til skjermer, som er grunnen til at verktøy som CSS støtter rgb() og rgba() funksjoner direkte. I følge W3C CSS Color Module spesifikasjonen, er RGB den grunnleggende fargemodellen for webstandarder.

Heksadesimal (Hex)

Hex-koder er bare RGB-verdier skrevet i base-16 i stedet for base-10. En hex-farge ser ut som #FF5733, hvor:

#-symbolet markerer det som en hex-kode
Første to tegn = rød (00-FF)
Midterste to = grønn (00-FF)
Siste to = blå (00-FF)
#FF0000 = rød, #00FF00 = grønn, #0000FF = blå

Du vil av og til se 3-tegns forkortelse som #F00 i stedet for #FF0000—dette fungerer når hver fargkanal gjentar samme siffer.

Når du bør bruke Hex: Nettsideutvikling er den primære brukssaken. CSS har alltid støttet hex-notasjon, og de fleste utviklere synes det er raskere å skrive enn rgb(). En vanlig fallgruve: å glemme #-symbolet vil ødelegge stilene dine stille, siden nettlesere ikke vil gjenkjenne det som en gyldig farge.

CMYK (Cyan, Magenta, Gul, Key/Svart)

CMYK er fargemodellen som brukes av skrivere. I motsetning til RGB (som legger til lys), trekker CMYK fra det—ved å blande blekk på hvitt papir for å skape farger:

Hver komponent varierer fra 0% til 100%
CMYK(0, 100, 100, 0) = rød
CMYK(100, 0, 100, 0) = grønn
CMYK(0, 0, 0, 100) = rent svart blekk
CMYK(0, 0, 0, 0) = ingen blekk (hvitt papir vises gjennom)

Når du bør bruke CMYK: Design for trykk—visittkort, brosjyrer, magasiner, emballasje. Her er virkelighetssjekken: mange levende RGB-farger kan ganske enkelt ikke reproduseres med CMYK-blekk. Den lyse elektriske blåfargen du ser på skjermen? Den vil se mattere ut når den skrives ut. Profesjonelle designere forhåndsviser alltid CMYK-konverteringer før de sender filer til trykking for å unngå overraskelser.

HSV (Nyanse, Metning, Verdi)

HSV deler farge inn i tre intuitive komponenter:

Nyanse: Hvilken fargefamilie (0-360°)—0° er rød, 120° er grønn, 240° er blå
Metning: Hvor levende eller grå (0-100%)—0% er gråtone, 100% er fullstendig mettet
Verdi: Hvor lys eller mørk (0-100%)—0% er svart, 100% er full lysstyrke

Hvorfor HSV betyr noe: Det matcher hvordan mennesker naturlig tenker på farge. Vil du ha en mørkere blå? Senk verdien. Vil du ha en mindre intens blå? Senk metningen. Dette gjør HSV ideell for interaktive fargevelgere som denne, hvor du velger en nyanse på spekteret og justerer lysstyrke med en glidebryter.

Fargekonverteringsformler

Fargevelgeren konverterer automatisk mellom forskjellige fargemodeller ved hjelp av disse matematiske formlene:

RGB til Hex-konvertering

For å konvertere RGB til heksadesimal:

Konverter hver RGB-komponent (0-255) til et totalls heksadesimalt tall
Slå sammen de tre heksadesimale verdiene med et # prefiks

$\text{Hex} = \text{\#} + \text{tilHex}(R) + \text{tilHex}(G) + \text{tilHex}(B)$

Der tilHex() konverterer et desimalt tall til dets heksadesimale representasjon.

RGB til CMYK-konvertering

Konverteringen fra RGB til CMYK innebærer disse trinnene:

Normaliser RGB-verdier til området 0-1
Beregn den svarte nøkkelkomponenten (K)
Beregn C, M og Y basert på K

$R' = R/255, G' = G/255, B' = B/255$ $K = 1 - \max(R', G', B')$ $C = \frac{(1-R'-K)}{(1-K)} \times 100\%$ $M = \frac{(1-G'-K)}{(1-K)} \times 100\%$ $Y = \frac{(1-B'-K)}{(1-K)} \times 100\%$

RGB til HSV-konvertering

Konvertering av RGB til HSV:

$R' = R/255, G' = G/255, B' = B/255$ $C_{max} = \max(R', G', B')$ $C_{min} = \min(R', G', B')$ $\Delta = C_{max} - C_{min}$

For Hue (H):

1// RGB til Hex-konvertering
2function rgbToHex(r, g, b) {
3  const toHex = (c) => {
4    const hex = Math.round(c).toString(16);
5    return hex.length === 1 ? '0' + hex : hex;
6  };
7  
8  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
9}
10
11// Hex til RGB-konvertering
12function hexToRgb(hex) {
13  // Fjern # hvis til stede
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Håndter både 3-sifret og 6-sifret hex
17  const expandedHex = cleanHex.length === 3 
18    ? cleanHex.split('').map(char => char + char).join('')
19    : cleanHex;
20    
21  const r = parseInt(expandedHex.substring(0, 2), 16);
22  const g = parseInt(expandedHex.substring(2, 4), 16);
23  const b = parseInt(expandedHex.substring(4, 6), 16);
24  
25  return { r, g, b };
26}
27
28// RGB til CMYK-konvertering
29function rgbToCmyk(r, g, b) {
30  // Normaliser RGB-verdier
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Beregn K (svart)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Håndter ren svart
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // Beregn C, M, Y
44  const c = ((1 - normalizedR - k) / (1 - k)) * 100;
45  const m = ((1 - normalizedG - k) / (1 - k)) * 100;
46  const y = ((1 - normalizedB - k) / (1 - k)) * 100;
47  
48  return {
49    c: Math.round(c),
50    m: Math.round(m),
51    y: Math.round(y),
52    k: Math.round(k * 100)
53  };
54}
55
56// Eksempel på bruk
57const rgb = { r: 255, g: 0, b: 0 }; // Ren rød
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB til Hex-konvertering
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex til RGB-konvertering
6def hex_to_rgb(hex_color):
7    # Fjern # hvis til stede
8    hex_color = hex_color.lstrip('#')
9    
10    # Håndter både 3-sifret og 6-sifret hex
11    if len(hex_color) == 3:
12        hex_color = ''.join([c*2 for c in hex_color])
13    
14    return {
15        'r': int(hex_color[0:2], 16),
16        'g': int(hex_color[2:4], 16),
17        'b': int(hex_color[4:6], 16)
18    }
19
20# RGB til CMYK-konvertering
21def rgb_to_cmyk(r, g, b):
22    # Normaliser RGB-verdier
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Beregn K (svart)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Håndter ren svart
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # Beregn C, M, Y
35    c = ((1 - r_norm - k) / (1 - k)) * 100
36    m = ((1 - g_norm - k) / (1 - k)) * 100
37    y = ((1 - b_norm - k) / (1 - k)) * 100
38    
39    return {
40        'c': round(c),
41        'm': round(m),
42        'y': round(y),
43        'k': round(k * 100)
44    }
45
46# Eksempel på bruk
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Himmelblå
48hex_color = rgb_to_hex(rgb['r'], rgb['g'], rgb['b'])
49cmyk = rgb_to_cmyk(rgb['r'], rgb['g'], rgb['b'])
50
51print(f"Hex: {hex_color}")
52print(f"CMYK: C={cmyk['c']}%, M={cmyk['m']}%, Y={cmyk['y']}%, K={cmyk['k']}%")
53

1public class ColorConverter {
2    // RGB til Hex-konvertering
3    public static String rgbToHex(int r, int g, int b) {
4        return String.format("#%02x%02x%02x", r, g, b);
5    }
6    
7    // Hex til RGB-konvertering
8    public static int[] hexToRgb(String hexColor) {
9        // Fjern # hvis til stede
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Håndter både 3-sifret og 6-sifret hex
15        if (hexColor.length() == 3) {
16            String expandedHex = "";
17            for (char c : hexColor.toCharArray()) {
18                expandedHex += c + String.valueOf(c);
19            }
20            hexColor = expandedHex;
21        }
22        
23        int r = Integer.parseInt(hexColor.substring(0, 2), 16);
24        int g = Integer.parseInt(hexColor.substring(2, 4), 16);
25        int b = Integer.parseInt(hexColor.substring(4, 6), 16);
26        
27        return new int[]{r, g, b};
28    }
29    
30    // RGB til CMYK-konvertering
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normaliser RGB-verdier
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Beregn K (svart)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Håndter ren svart
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // Beregn C, M, Y
46        double c = ((1 - normalizedR - k) / (1 - k)) * 100;
47        double m = ((1 - normalizedG - k) / (1 - k)) * 100;
48        double y = ((1 - normalizedB - k) / (1 - k)) * 100;
49        
50        return new double[]{
51            Math.round(c),
52            Math.round(m),
53            Math.round(y),
54            Math.round(k * 100)
55        };
56    }
57    
58    public static void main(String[] args) {
59        // Eksempel på bruk
60        int r = 75, g = 0, b = 130;  // Lilla
61        String hexColor = rgbToHex(r, g, b);
62        double[] cmyk = rgbToCmyk(r, g, b);
63        
64        System.out.println("Hex: " + hexColor);
65        System.out.printf("CMYK: C=%.0f%%, M=%.0f%%, Y=%.0f%%, K=%.0f%%\n", 
66                          cmyk[0], cmyk[1], cmyk[2], cmyk[3]);
67    }
68}
69

Referanser og videre lesning

W3C CSS Color Module Level 4 - Offisiell web-fargespesifikasjon
WCAG 2.1 Kontrastretningslinjer - Tilgjengelighetsstandarder for fargekontrast
WebAIM Kontrastkontroll - Test fargekontrastrater
ICC Fargeprofilstandarder - Teknisk spesifikasjon for fargekonverteringer
MDN Web Docs: CSS Fargeverdier - Omfattende guide til web-fargeformater

Fargevelger-verktøy - Konverter RGB, Hex, CMYK og HSV Fargekodar

Fargevelger

RGB (0-255)

CMYK (0-100)

Fargevelger

Dokumentasjon

Hva Du Kan Gjøre Med Denne Fargevelgeren

Forstå fargemodeller

RGB (Rød, Grønn, Blå)

Heksadesimal (Hex)

CMYK (Cyan, Magenta, Gul, Key/Svart)

HSV (Nyanse, Metning, Verdi)

Fargekonverteringsformler

RGB til Hex-konvertering

RGB til CMYK-konvertering

RGB til HSV-konvertering

Referanser og videre lesning

Fargepalettprodusent - Lag harmoniske fargekombinasjoner

CSS Egenskaps Generator - Gradienter, Skygger & Kanter

Gratis QR-kodegenerator - Opprett skannbare QR-koder på et øyeblikk

Tallsystemkonverterer: Binær, Heks, Desimal & Oktal

Kaninfarge Predikator – Beregn Babykanins Pelsfarger

Binær til Desimal Konverter | Gratis Online Verktøy

PX til REM til EM Konverter – Gratis CSS Enhetsberegner

Base64 Bildedesoder | Dekoder og Forhåndsvis Bilder på Nettet

Blekk Fortynningskalkulator: Nøyaktige Forhold for Sikker Rengjøring

Piksel til Tomme-konverter - Gratis DPI-kalkulator (2025)

Bit- og byttelengdekalkulator - Gratis datastørrelsesverktøy

Gratis Kodeformatterer: Forskjønn JavaScript, Python, HTML og Mer