Enkel og Brugervenlig Farvevælger Værktøj

Introduktion

Farvevælger Værktøjet er en intuitiv, brugervenlig applikation designet til at hjælpe brugere med at vælge, visualisere og konvertere farver på tværs af flere farveformater. Uanset om du er webdesigner, der skaber et farveskema, digital kunstner, der søger den perfekte nuance, eller udvikler, der implementerer en brugergrænseflade, giver denne farvevælger en ligetil måde at arbejde med farver i RGB, Hexadecimal, CMYK og HSV formater. Med sit interaktive farvespektrum, lysstyrkeregulator og præcise indstillingsmuligheder kan du hurtigt finde, justere og kopiere farveværdier til dine projekter.

Forståelse af Farvemodeller

Før vi dykker ned i, hvordan man bruger farvevælgeren, er det nyttigt at forstå de forskellige farvemodeller, den understøtter:

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

RGB er en additiv farvemodel, hvor rød, grøn og blå lys kombineres på forskellige måder for at genskabe et bredt udvalg af farver. I digitale applikationer:

• Hver komponent (R, G, B) spænder fra 0 til 255
• RGB(255, 0, 0) repræsenterer ren rød
• RGB(0, 255, 0) repræsenterer ren grøn
• RGB(0, 0, 255) repræsenterer ren blå
• RGB(255, 255, 255) repræsenterer hvid
• RGB(0, 0, 0) repræsenterer sort

RGB-modellen er direkte relateret til, hvordan farver vises på skærme, hvilket gør den til det primære valg for digital design.

Hexadecimal (Hex)

Hexadecimal farvekoder er en måde at repræsentere RGB-farver ved hjælp af et base-16 talsystem:

• En hex-farve starter med et pundtegn (#) efterfulgt af seks tegn
• Det første par repræsenterer rød, det andet grøn, og det tredje blå
• Hvert par spænder fra 00 til FF (0-255 i decimal)
• #FF0000 repræsenterer ren rød
• #00FF00 repræsenterer ren grøn
• #0000FF repræsenterer ren blå
• Forkortet notation er tilgængelig for visse farver (f.eks. #F00 for rød)

Hex-koder bruges bredt i webudvikling (CSS, HTML) og digitale designapplikationer.

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

CMYK er en subtraktiv farvemodel, der primært bruges i farveprint:

• Hver komponent spænder fra 0% til 100%
• CMYK(0, 100, 100, 0) repræsenterer ren rød
• CMYK(100, 0, 100, 0) repræsenterer ren grøn
• CMYK(100, 100, 0, 0) repræsenterer ren blå
• CMYK(0, 0, 0, 100) repræsenterer sort
• CMYK(0, 0, 0, 0) repræsenterer hvid (papirfarve)

Selvom den primært bruges til print, kan det være nyttigt at forstå CMYK-værdier, når man designer indhold, der senere skal trykkes.

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

HSV repræsenterer farver i forhold til:

• Hue: Farvetypen (rød, gul, grøn osv.), målt i grader (0-360°)
• Mætning: Intensiteten eller renheden af farven (0-100%)
• Værdi: Lysstyrken af farven (0-100%)

HSV er særligt nyttigt til farvevalg, da det adskiller farvevalg (hue) fra dens intensitet (mætning) og lysstyrke (værdi), hvilket gør det mere intuitivt at justere farver.

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:

1. Konverter hver RGB-komponent (0-255) til et to-cifret hexadecimalnummer
2. Sammenkæd de tre hexadecimalværdier med et # præfiks

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

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

RGB til CMYK Konvertering

Konverteringen fra RGB til CMYK involverer disse trin:

1. Normaliser RGB-værdier til området 0-1
2. Beregn den sorte nøgle (K) komponent
3. 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):

0° & \text{if } \Delta = 0 \\ 60° \times (\frac{G' - B'}{\Delta} \mod 6) & \text{if } C_{max} = R' \\ 60° \times (\frac{B' - R'}{\Delta} + 2) & \text{if } C_{max} = G' \\ 60° \times (\frac{R' - G'}{\Delta} + 4) & \text{if } C_{max} = B' \end{cases}$$ For Mætning (S): $$S = \begin{cases} 0 & \text{if } C_{max} = 0 \\ \frac{\Delta}{C_{max}} \times 100\% & \text{ellers} \end{cases}$$ For Værdi (V): $$V = C_{max} \times 100\%$$ ## Sådan Bruger Du Farvevælgeren Vores farvevælger værktøj giver flere måder at vælge og justere farver på. Her er en trin-for-trin guide til, hvordan du bruger hver funktion: ### Brug af Farvespektret 1. **Vælg en Basisfarve**: Klik eller tryk hvor som helst på farvespektret for at vælge en basisfarve. Den vandrette position bestemmer hue, mens den lodrette position påvirker mætning. 2. **Finjuster Valg**: Du kan trække vælgercirklen rundt for at finde den perfekte farvenuance. 3. **Se Farveforhåndsvisning**: Mens du bevæger vælgeren, opdateres farveforhåndsvisningsområdet i realtid og viser dit nuværende valg. ### Justering af Lysstyrke 1. **Brug Lysstyrkeregulatoren**: Under farvespektret finder du en vandret skyder, der styrer lysstyrken (værdi) af din valgte farve. 2. **Træk Til Venstre eller Højre**: Flyt skyderen til venstre for at mørkne farven eller til højre for at lysne den. 3. **Observer Ændringer**: Farveforhåndsvisningen og alle farveværdier opdateres øjeblikkeligt, mens du justerer lysstyrken. ### Indtastning af Præcise Farveværdier For præcis farvevalg kan du direkte indtaste værdier i et af de understøttede formater: #### Hex Indtastning 1. Indtast en gyldig hexadecimale farvekode i Hex-feltet (f.eks. #FF5733) 2. Indtastningen validerer automatisk din indtastning 3. Tryk på Enter eller klik uden for feltet for at anvende farven #### RGB Indtastning 1. Indtast værdier mellem 0-255 for hver RGB-komponent 2. Alle andre farveformatfelter opdateres automatisk 3. Ugyldige værdier (uden for 0-255) vil blive begrænset til det gyldige område #### CMYK Indtastning 1. Indtast procentværdier (0-100) for Cyan, Magenta, Gul og Sort 2. Andre farveformater opdateres baseret på din CMYK-indtastning 3. Værdier uden for 0-100 området justeres automatisk ### Kopiering af Farveværdier 1. **Klik på Kopierknappen**: Ved siden af hver farveformat finder du en kopierknap (clipboard-ikon) 2. **Øjeblikkelig Feedback**: Efter at have klikket, vises en "Kopieret!" besked kortvarigt 3. **Indsæt Overalt**: Den kopierede værdi kan nu indsættes i dit designsoftware, kodeeditor eller enhver anden applikation ## Anvendelsesscenarier Farvevælger værktøjet tjener en række formål på tværs af forskellige felter: ### Webudvikling Webudviklere kan bruge farvevælgeren til at: - Vælge farver til webstedstemaer og UI-komponenter - Finde tilgængelige farvekombinationer, der opfylder WCAG-retningslinjerne - Konvertere mellem hex-koder (bruges i CSS) og RGB-værdier - Oprette farvepaletter til konsistent branding på tværs af websteder Eksempelarbejdsgang: 1. Brug farvespektret til at finde en basisfarve til et webstedstema 2. Juster lysstyrken for at skabe variationer til hover-tilstande og baggrunde 3. Kopier hex-koden direkte ind i CSS-stilark 4. Brug RGB-værdier til rgba() funktioner, når der er behov for gennemsigtighed ### Grafisk Design Grafiske designere drager fordel af: - Præcis farvevalg til digital kunst - Konvertering mellem RGB (til digital) og CMYK (til print) - Oprettelse af harmoniske farveskemaer - Matching af specifikke brandfarver Eksempelarbejdsgang: 1. Indtast en specifik brandfarve i hex-format 2. Brug farvespektret til at finde komplementære farver 3. Tjek CMYK-værdier for at sikre trykompatibilitet 4. Kopier værdier ind i designsoftware som Adobe Illustrator eller Photoshop ### UI/UX Design UI/UX-designere kan: - Vælge farver, der forbedrer brugbarhed og læsbarhed - Oprette konsistente farvesystemer til applikationer - Teste forskellige farvekombinationer hurtigt - Sikre tilstrækkelig kontrast mellem tekst og baggrundsfarver Eksempelarbejdsgang: 1. Vælg en primær farve ved hjælp af farvespektret 2. Juster lysstyrken for at skabe sekundære og tertiære farver 3. Test forskellige kombinationer i forhåndsvisningsområdet 4. Kopier værdier ind i designsystemer eller prototypingværktøjer ### Digital Kunst Digitale kunstnere bruger farvevælgere til at: - Find den perfekte nuance til digitale malerier - Oprette brugerdefinerede farvepaletter - Matche farver fra referencebilleder - Eksperimentere med farveteori-koncepter Eksempelarbejdsgang: 1. Brug HSV-kontrollerne til at vælge en specifik hue 2. Juster mætning og lysstyrke for den ønskede effekt 3. Kopier RGB-værdier ind i digital maleri software 4. Opret variationer ved let at justere hue eller mætning ### Uddannelse Farvevælgeren fungerer som et undervisningsværktøj til: - At undervise i farveteori-koncepter - At demonstrere farvemodelkonverteringer - At forklare digital farverepræsentation - At hjælpe studerende med at forstå farverelationer Eksempelarbejdsgang: 1. Vis, hvordan justering af hue ændrer farven, mens lysstyrken opretholdes 2. Demonstrer, hvordan RGB-værdier relaterer sig til synlige farver 3. Forklar forholdet mellem hex-koder og RGB-værdier 4. Illustrer, hvordan CMYK adskiller sig fra RGB til print versus digitale applikationer ### Alternativer Mens vores farvevælger giver omfattende funktionalitet, er der alternative tilgange til farvevalg: #### Farvepaletgeneratorer Værktøjer som Adobe Color, Coolors og Paletton fokuserer på at skabe harmoniske farveskemaer snarere end at vælge individuelle farver. De er ideelle, når du har brug for at udvikle en komplet farvepalet baseret på farveteori-principper. #### Billedbaserede Farveudtrækkere Værktøjer som ColorZilla og ImageColorPicker giver dig mulighed for at udtrække farver direkte fra billeder eller hvor som helst på din skærm. Disse er særligt nyttige, når du har brug for at matche eksisterende farver fra fotografier eller designs. #### Fysiske Farvesystemer Til printfokuseret arbejde giver fysiske farvesystemer som Pantone, CMYK swatchbøger eller RAL farvekort standardiserede referencer, der sikrer farvenøjagtighed på tværs af forskellige trykkeprocesser. #### Indbyggede Softwareværktøjer De fleste designsoftware (Adobe Photoshop, Illustrator, Figma osv.) inkluderer indbyggede farvevælgere. Selvom de er praktiske, er disse ofte begrænset til applikationen og giver ikke den tværformat konvertering, vores værktøj tilbyder. ## Historien om Digital Farvevalg Udviklingen af farvevalgsværktøjer følger udviklingen af digital design selv: ### Tidlig Digital Farve (1970'erne-1980'erne) De første digitale farvesystemer var alvorligt begrænset af hardwarebegrænsninger: - Tidlige computermonitorer kunne kun vise 16 eller 256 farver - Farver blev valgt fra foruddefinerede paletter - Den web-sikre farvepalet (216 farver) blev udviklet for at sikre tværbrowserkompatibilitet ### RGB og Hex Standarder (1990'erne) Som teknologien avancerede: - 24-bit farve blev standard, hvilket tillod 16,7 millioner farver - Hexadecimal notation blev vedtaget til HTML og CSS - Grundlæggende farvevælgere dukkede op i designsoftware - Webdesignere var begrænset til navngivne farver og hex-koder ### Moderne Farvevalg (2000'erne-Nu) Dagens farvevalgsværktøjer afspejler vores sofistikerede forståelse af digital farve: - Realtids farvevælgere med visuelle grænseflader - Understøttelse af flere farvemodeller (RGB, HSL, HSV, CMYK) - Farvetilgængelighedsværktøjer til at tjekke kontrastforhold - Avancerede farveharmoni algoritmer - Integration med designsystemer og komponentbiblioteker Udviklingen af farvevalgsværktøjer fortsætter med at udvikle sig med fremskridt inden for skærmteknologi, farvevidenskab og designmetodologier. ## Farvetilgængelighed Overvejelser Når du vælger farver, er det vigtigt at overveje tilgængelighed for brugere med farvesynsdefekter: ### Farveblindhed Typer - **Protanopi**: Vanskeligheder med at opfatte røde farver - **Deuteranopi**: Vanskeligheder med at opfatte grønne farver - **Tritanopi**: Vanskeligheder med at opfatte blå farver - **Achromatopsi**: Fuld farveblindhed (ser kun i gråtoner) ### Tilgængelighedstips 1. **Stol ikke kun på farve** for at formidle information 2. **Sikre tilstrækkelig kontrast** mellem tekst og baggrund (minimum 4.5:1 for normal tekst) 3. **Brug mønstre eller teksturer** ud over farver til diagrammer og grafer 4. **Test dine farvevalg** med farveblindhedssimulatorer 5. **Overvej at bruge farveblindvenlige paletter** der undgår problematiske farvekombinationer ## Ofte Stillede Spørgsmål ### Hvad er forskellen mellem RGB og CMYK farvemodeller? RGB (Rød, Grøn, Blå) er en additiv farvemodel, der bruges til digitale skærme, hvor farver skabes ved at tilføje lys. CMYK (Cyan, Magenta, Gul, Sort) er en subtraktiv model, der bruges i print, hvor farver skabes ved at absorbere (subtrahere) lys. RGB producerer lysere, mere levende farver, der er ideelle til digitale medier, mens CMYK typisk har et mere begrænset farvespektrum, der er bedre egnet til trykte materialer. ### Hvorfor ser farver forskellige ud på min skærm i forhold til når de printes? Denne forskel opstår, fordi skærme bruger RGB-farvemodellen, som kan vise et bredere udvalg af farver end hvad der er muligt med CMYK trykt blæk. Derudover udsender skærme lys, mens trykte materialer reflekterer det. Kalibreringsforskelle mellem enheder, papir kvalitet og blækvariationer bidrager også til denne forskel. For printfokuseret arbejde, tjek altid CMYK-værdier og overvej at anmode om fysiske prøver. ### Hvordan finder jeg hex-koden for en specifik farve, jeg ser online? Du kan bruge browserudvidelser som ColorZilla eller indbyggede udviklerværktøjer. I Chrome eller Firefox, højreklik på elementet, vælg "Inspicer", og brug derefter farvevælger værktøjet i udviklerpanelet. Alternativt kan du tage et screenshot og uploade det til vores farvevælger værktøj, og derefter klikke på den ønskede farve for at få dens hex-kode. ### Hvad er den bedste måde at skabe et sammenhængende farveskema? Start med en primær farve, der repræsenterer dit brand eller projekts stemning. Brug derefter farveteori-principper som komplementære (modsat på farvehjulet), analoge (naboer på farvehjulet) eller triadiske (jævnt fordelt rundt om farvehjulet) relationer til at vælge yderligere farver. Juster mætning og lysstyrke for at skabe hierarki. Vores farvevælger hjælper dig med at visualisere disse relationer og finjustere dine valg. ### Hvordan kan jeg sikre, at mine valgte farver er tilgængelige? Tjek kontrastforholdet mellem tekst- og baggrundsfarver ved hjælp af værktøjer som WebAIM Contrast Checker. For normal tekst, sigt efter et minimumsforhold på 4.5:1, og for stor tekst, 3:1. Undgå problematiske farvekombinationer for farveblinde brugere (som rød/grøn). Test dit design med farveblindhedssimulatorer. Husk, at omkring 8% af mænd og 0.5% af kvinder har en form for farvesynsdefekt. ### Hvad betyder # symbolet i hex farvekoder? Hash- eller pundsymbolet (#) er et præfiks, der angiver, at de følgende tegn repræsenterer en hexadecimale farvekode. Det er standardnotation i HTML, CSS og mange designapplikationer. De seks cifre, der følger, repræsenterer RGB-værdierne i base-16 format, hvor det første par repræsenterer rød, det andet grøn, og det tredje blå. ### Hvordan konverterer jeg en farve fra RGB til CMYK til print? Vores farvevælger konverterer automatisk RGB-værdier til deres CMYK-ækvivalenter. Indtast blot dine RGB-værdier, og de tilsvarende CMYK-værdier vises. Vær dog opmærksom på, at nogle RGB-farver falder uden for CMYK-gamut og ikke kan reproduceres nøjagtigt i print. Professionel designsoftware som Adobe Illustrator eller Photoshop giver også farvemodekonvertering med gamut advarsler. ### Hvorfor findes der både 3-cifrede og 6-cifrede hex farvekoder? Den 3-cifrede hex-kode er en forkortet notation, der kan bruges, når hvert komponentpar har matchende cifre. For eksempel kan #FF0000 forkortes til #F00, fordi F=FF, 0=00, og 0=00. Denne forkortelse fungerer kun for farver, hvor hver kanal kan repræsenteres af gentagne cifre. Den blev oprindeligt introduceret for at spare filstørrelse i de tidlige dage af internettet, men forbliver en praktisk forkortelse. ### Hvor nøjagtige er farvekonverteringerne mellem de forskellige modeller? Konverteringerne mellem RGB og hex er matematiske eksakte, da de er direkte repræsentationer af de samme værdier i forskellige formater. Konverteringer mellem RGB og CMYK er tilnærmelser på grund af grundlæggende forskelle i farvegamut og de fysiske egenskaber ved lysudsendelse versus blækabsorption. Vores værktøj bruger branchestandard formler til at give de mest nøjagtige konverteringer mulige inden for disse begrænsninger. ### Kan jeg gemme eller eksportere mine valgte farver? I øjeblikket kan du kopiere individuelle farveværdier til din udklipsholder. Vi anbefaler at oprette et dokument eller bruge et dedikeret farvepaletværktøj til at gemme flere farver til dine projekter. Fremtidige opdateringer kan inkludere funktioner til at gemme farvepaletter direkte inden for værktøjet. ## Kodeeksempler til Farvekonverteringer Her er nogle kodeeksempler, der viser, hvordan man konverterer mellem forskellige farveformater:

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 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.0
24    g_norm = g / 255.0
25    b_norm = b / 255.0
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 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 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

1. Agoston, M. K. (2013). Computer Graphics and Geometric Modeling: Implementation and Algorithms. Springer Science & Business Media.

2. Adobe Systems. (2000). Adobe RGB (1998) Color Image Encoding. Adobe Systems Incorporated.

3. Fairchild, M. D. (2013). Color Appearance Models. John Wiley & Sons.

4. Hunt, R. W. G., & Pointer, M. R. (2011). Measuring Colour. John Wiley & Sons.

5. Poynton, C. (2012). Digital Video and HD: Algorithms and Interfaces. Elsevier.

6. W3C. (2018). CSS Color Module Level 4. W3C Working Draft. Hentet fra https://www.w3.org/TR/css-color-4/

7. Web Content Accessibility Guidelines (WCAG) 2.1. (2018). Hentet fra https://www.w3.org/TR/WCAG21/

8. International Color Consortium. (2004). Specification ICC.1:2004-10 (Profile version 4.2.0.0). Hentet fra http://www.color.org/specification/ICC1v42_2006-05.pdf

Prøv Vores Farvevælger I Dag!

Klar til at finde den perfekte farve til dit projekt? Vores brugervenlige farvevælger gør det nemt at vælge, justere og konvertere farver mellem forskellige formater. Uanset om du designer et websted, laver digital kunst eller planlægger trykt materiale, giver vores værktøj den præcision og fleksibilitet, du har brug for.

Begynd at eksperimentere med farver nu og tag dine designs til det næste niveau!