Hvad er forskellen mellem RGB og CMYK?

RGB er til skærme, CMYK er til print. Skærme skaber farver ved at udsende rødt, grønt og blåt lys (additiv blanding), mens printere skaber farver ved at lægge cyan, magenta, gul og sort blæk på papir (subtraktiv blanding). RGB kan producere klarere, mere levende farver end CMYK, fordi lys har en bredere farvepalette end blæk. Derfor ser dine skærmfarver ofte mere matte ud, når de bliver printet.

Hvorfor ser mine farver anderledes ud, når de bliver printet?

Skærme udsender lys, papir reflekterer det - fundamentalt forskellige processer. Desuden kan RGB håndtere millioner af farver, som CMYK-blæk simpelthen ikke kan gengive. Skærmkalibrering, papirkvalitet og blækvariationer tilføjer yderligere variabilitet. Tjek altid CMYK-værdier inden print, og bed om fysiske prøver ved kritisk farveafstemningsarbejde.

Hvordan får jeg hex-koder fra farver, jeg ser online?

Brug din browsers udviklerværktøjer. I Chrome eller Firefox, højreklik på et element, vælg "Inspicér", og klik derefter på den lille farvekvadrat i stilpanelet. Dette åbner en farvevælger, der viser hex-koden. Browserudvidelser som ColorZilla gør dette endnu hurtigere - de lader dig klikke hvor som helst på en side for at fange dens farveværdi.

Hvad betyder # symbolet i hex-koder?

Det er blot et præfiks, der fortæller browseren "dette er en hexadecimal farve-kode". Standarden stammer fra tidlige HTML- og CSS-specifikationer. De seks tegn efter # repræsenterer RGB-værdier i base-16: to cifre for rødt, to for grønt, to for blåt. Uden # vil browsere ikke genkende det som en farve.

Hvorfor virker 3-cifrede hex-koder?

De er en genvej, når hver farvekanal gentager sig. #F00 udvides til #FF0000 (rød), #C9C bliver #CC99CC (lyslilla). Denne genvej blev skabt i 1990'erne for at reducere filstørrelser, da båndbredde var dyr. Den er stadig praktisk i dag til simple farver.

Er farvekonverteringerne nøjagtige?

RGB-til-hex-konverteringer er matematisk præcise - de er de samme værdier i forskellige talsystemer. RGB-til-CMYK-konverteringer er tilnærmelser, fordi du konverterer mellem fundamentalt forskellige farverum (lys vs. blæk). Værktøjet bruger ICC farveprofilstandarder til disse konverteringer, hvilket er den samme fremgangsmåde, som professionel designsoftware bruger.

Hvordan skaber jeg tilgængelige farbekombinationer?

Brug en kontrastchecker som WebAIM's værktøj efter at have valgt dine farver her. Du har brug for et 4,5:1 forhold for normal tekst, 3:1 for stor tekst. Undgå rød-grøn kombinationer (sværest for farveblinde brugere). Når du er i tvivl, så brug mørkere tekst på lysere baggrunde eller omvendt - tilstrækkelig luminansforskel er det vigtigste.

Kan jeg vælge farver fra billeder?

Ikke direkte i dette værktøj. Brug en browserudvidelse som ColorZilla, eller tag et skærmbillede og brug dit operativsystems farvevælger (Digital Color Meter på macOS, PowerToys Color Picker på Windows). Når du har farveværdien, kan du indtaste den her for at konvertere mellem formater.

Hvorfor konverterer nogle RGB-farver ikke godt til CMYK?

CMYK har en smallere "gamut" (område af reproducerbare farver) end RGB. Klare blå, levende grønne og elektriske orange falder ofte uden for, hvad CMYK-blæk fysisk kan skabe. Når dette sker, substituerer printeren den nærmeste mulige match, som typisk ser mindre mættet ud. Professionelle printdesignere starter ofte med CMYK-sikre farver for at undgå dette problem.

Farvevælger-værktøj - Konverter RGB, Hex, CMYK & HSV Farvekoder

Hvad Du Kan Gøre Med Denne Fargevælger

Har du brug for den perfekte nuance til dit projekt? Denne fargevælger lader dig vælge, forhåndsvise og konvertere farver mellem RGB, Hex, CMYK og HSV formater med det samme. Uanset om du koder et website, designer et logo eller forbereder filer til print, finder du de præcise farveværdier, du har brug for - uden gætværk og uden at skulle skifte mellem forskellige værktøjer.

Klik hvor som helst på farvespektret for at vælge en nuance, juster lysstyrken med en skydebjælke eller indtast præcise værdier direkte. Alle formater opdateres i realtid, og du kan kopiere enhver farvekode med et enkelt klik.

Forståelse af farvemodeller

Forskellige projekter har brug for forskellige farveformater. Her er, hvad hver enkelt gør og hvornår man bruger den:

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

RGB fungerer ved at blande rød, grøn og blå lysfarver - på samme måde som din skærm viser farver lige nu. Hver komponent varierer fra 0 til 255:

RGB(255, 0, 0) = ren rød
RGB(0, 255, 0) = ren grøn
RGB(0, 0, 255) = ren blå
RGB(255, 255, 255) = hvid
RGB(0, 0, 0) = sort

Hvornår bruges RGB: I alt digitalt arbejde - hjemmesider, mobilapps, videoredigering eller skærmbaseret grafik. Det er displayenes modersmål, hvorfor værktøjer som CSS understøtter rgb() og rgba() funktioner direkte. Ifølge W3C CSS Color Module specifikationen er RGB den grundlæggende farvemodel for webstandarder.

Hexadecimal (Hex)

Hex-koder er blot RGB-værdier skrevet i base-16 i stedet for base-10. En hex-farve ser ud som #FF5733, hvor:

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

Nogle gange ser man 3-tegns forkortelser som #F00 i stedet for #FF0000 - dette virker, når hver farvekanal gentager samme ciffer.

Hvornår bruges Hex: Webudvikling er den primære use case. CSS har altid understøttet hex-notation, og de fleste udviklere finder det hurtigere at skrive end rgb(). En almindelig faldgrube: at glemme #-symbolet vil stille og roligt ødelægge dine styles, da browsere ikke genkender det som en gyldig farve.

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

CMYK er farvemodellen, der bruges af printere. Modsat RGB (som tilføjer lys), trækker CMYK det fra - ved at blande blæk på hvidt papir for at skabe farver:

Hver komponent varierer fra 0% til 100%
CMYK(0, 100, 100, 0) = rød
CMYK(100, 0, 100, 0) = grøn
CMYK(0, 0, 0, 100) = ren sort blæk
CMYK(0, 0, 0, 0) = ingen blæk (hvidt papir vises igennem)

Hvornår bruges CMYK: Design til print - visitkort, brochurer, magasiner, emballage. Her er virkeligheden: mange levende RGB-farver kan simpelthen ikke reproduceres med CMYK-blæk. Den skarpe elektriske blå, du ser på skærmen? Den vil se mere mat ud, når den printes. Professionelle designere gennemser altid CMYK-konverteringer, før de sender filer til print for at undgå overraskelser.

HSV (Hue, Mætning, Værdi)

HSV opdeler farve i tre intuitive komponenter:

Hue: Hvilken farvegruppe (0-360°) - 0° er rød, 120° er grøn, 240° er blå
Mætning: Hvor levende eller grå (0-100%) - 0% er gråskala, 100% er fuld mætning
Værdi: Hvor lys eller mørk (0-100%) - 0% er sort, 100% er fuld lysstyrke

Hvorfor HSV er vigtigt: Det matcher, hvordan mennesker naturligt tænker om farve. Vil du have en mørkere blå? Sænk værdien. Vil du have en mindre intens blå? Sænk mætningen. Dette gør HSV ideel til interaktive farvevælgere som denne, hvor du vælger en hue på spektret og justerer lysstyrke med en skyder.

Farvekonverteringsformler

Farvevælgeren konverterer automatisk mellem forskellige farvemodeller ved hjælp af disse matematiske formler:

RGB til Hex-konvertering

For at konvertere RGB til hexadecimal:

Konverter hver RGB-komponent (0-255) til et totallet hexadecimalt tal
Sammenkæd de tre hexadecimale værdier med et #-præfiks

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

Hvor toHex() konverterer et decimaltal til dets hexadecimale repræsentation.

RGB til CMYK-konvertering

Konverteringen fra RGB til CMYK involverer disse trin:

Normaliser RGB-værdier til intervallet 0-1
Beregn den sorte nøglekomponent (K)
Beregn C, M og Y baseret 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 af 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-cifrede og 6-cifrede 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-værdier
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Beregn K (sort)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Håndter ren sort
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å brug
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-cifrede og 6-cifrede 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-værdier
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Beregn K (sort)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Håndter ren sort
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å brug
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-cifrede og 6-cifrede 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-værdier
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Beregn K (sort)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Håndter ren sort
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å brug
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

Referencer og yderligere læsning

W3C CSS Color Module Level 4 - Officiel web-farvespecifikation
WCAG 2.1 Kontrastretningslinjer - Tilgængelighedsstandarder for farvekontrast
WebAIM Kontrasttjekker - Test farvekontrast-forhold
ICC Farveprofilstandarder - Teknisk specifikation for farvekonverteringer
MDN Web Docs: CSS Farveværdier - Omfattende guide til web-farveformater

Farvevælger-værktøj - Konverter RGB, Hex, CMYK & HSV Farvekoder

Farvevælger

RGB (0-255)

CMYK (0-100)

Farvevælger

Dokumentation

Hvad Du Kan Gøre Med Denne Fargevælger

Forståelse af farvemodeller

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

Hexadecimal (Hex)

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

HSV (Hue, Mætning, Værdi)

Farvekonverteringsformler

RGB til Hex-konvertering

RGB til CMYK-konvertering

RGB til HSV-konvertering

Referencer og yderligere læsning

Farvepalettegenerator - Skab Harmoniske Farvesammensætninger

CSS Egenskabsgenerator - Gradienter, Skygger & Kanter

Gratis QR-kode Generator - Opret Scanbare QR-koder Øjeblikkeligt

Talbaseoversætter: Binær, Hex, Decimal & Oktal

Kanin Farve Forudsiger – Beregn Babykanins Pelsfarver

Binær til Decimal Konverter | Gratis Online Værktøj

PX til REM til EM Konverter – Gratis CSS Enhedsberegner

Base64 Billedaflæser | Dekoder & Forhåndsvis Billeder Online

Klorholdigt Blegemiddel Fortyndingsberegner: Nøjagtige Forhold for Sikker Rengøring

Pixel til Tomme Konverter - Gratis DPI Beregner (2025)

Bit- og Byte-længde Beregner - Gratis Datastørrelses Værktøj

Gratis Kode Formatter: Forskøn JavaScript, Python, HTML og Mere