Enostavno in uporabniku prijazno orodje za izbiro barv

Uvod

Orodje za izbiro barv je intuitivna, enostavna aplikacija, zasnovana za pomoč uporabnikom pri izbiri, vizualizaciji in pretvorbi barv v več barvnih formatih. Ne glede na to, ali ste spletni oblikovalec, ki ustvarja barvno shemo, digitalni umetnik, ki išče popolno odtenek, ali razvijalec, ki implementira uporabniški vmesnik, to orodje za izbiro barv ponuja preprost način za delo z barvami v RGB, hex, CMYK in HSV formatih. Z interaktivnim spektralnim prikazom barv, drsnikom svetlosti in natančnimi možnostmi vnosa lahko hitro najdete, prilagodite in kopirate vrednosti barv za svoje projekte.

Razumevanje barvnih modelov

Preden se potopite v uporabo orodja za izbiro barv, je koristno razumeti različne barvne modele, ki jih podpira:

RGB (Rdeča, Zelena, Modra)

RGB je aditivni barvni model, kjer se rdeča, zelena in modra svetloba kombinirajo na različne načine, da reproducirajo širok spekter barv. V digitalnih aplikacijah:

• Vsaka komponenta (R, G, B) se giblje od 0 do 255
• RGB(255, 0, 0) predstavlja čisto rdečo
• RGB(0, 255, 0) predstavlja čisto zeleno
• RGB(0, 0, 255) predstavlja čisto modro
• RGB(255, 255, 255) predstavlja belo
• RGB(0, 0, 0) predstavlja črno

Model RGB je neposredno povezan s tem, kako se barve prikazujejo na zaslonih, kar ga naredi za primarno izbiro za digitalno oblikovanje.

Hexadecimal (Hex)

Hexadecimalne barvne kode so način predstavitve RGB barv z uporabo sistema številk z osnovo 16:

• Hex barva se začne s številko (#), ki ji sledijo šest znakov
• Prvi par predstavlja rdečo, drugi zeleno in tretji modro
• Vsak par se giblje od 00 do FF (0-255 v decimalnem sistemu)
• #FF0000 predstavlja čisto rdečo
• #00FF00 predstavlja čisto zeleno
• #0000FF predstavlja čisto modro
• Na voljo je kratka notacija za določene barve (npr. #F00 za rdečo)

Hex kode se široko uporabljajo v spletnem razvoju (CSS, HTML) in aplikacijah za digitalno oblikovanje.

CMYK (Cijan, Magenta, Rumena, Ključ/Črna)

CMYK je subtraktivni barvni model, ki se primarno uporablja pri barvnem tisku:

• Vsaka komponenta se giblje od 0% do 100%
• CMYK(0, 100, 100, 0) predstavlja čisto rdečo
• CMYK(100, 0, 100, 0) predstavlja čisto zeleno
• CMYK(100, 100, 0, 0) predstavlja čisto modro
• CMYK(0, 0, 0, 100) predstavlja črno
• CMYK(0, 0, 0, 0) predstavlja belo (barva papirja)

Čeprav se primarno uporablja za tisk, je razumevanje vrednosti CMYK lahko koristno pri oblikovanju vsebin, ki bodo na koncu natisnjene.

HSV (Hue, Saturacija, Vrednost)

HSV predstavlja barve v smislu:

• Hue: Tip barve (rdeča, rumena, zelena itd.), merjeno v stopinjah (0-360°)
• Saturacija: Intenzivnost ali čistost barve (0-100%)
• Vrednost: Svetlost barve (0-100%)

HSV je še posebej uporaben za izbiro barv, saj ločuje izbiro barve (hue) od njene intenzivnosti (saturacija) in svetlosti (vrednost), kar omogoča bolj intuitivno prilagajanje barv.

Formule za pretvorbo barv

Orodje za izbiro barv samodejno pretvarja med različnimi barvnimi modeli z uporabo teh matematičnih formul:

Pretvorba RGB v Hex

Za pretvorbo RGB v hexadecimal:

1. Pretvorite vsako komponento RGB (0-255) v dvomestno hexadecimalno število
2. Povežite tri hexadecimalne vrednosti s predpono #

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

Kjer toHex() pretvori decimalno število v njegovo hexadecimalno predstavitev.

Pretvorba RGB v CMYK

Pretvorba iz RGB v CMYK vključuje te korake:

1. Normalizirajte RGB vrednosti na razpon 0-1
2. Izračunajte komponento črne ključe (K)
3. Izračunajte C, M in Y glede na 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\%$

Pretvorba RGB v HSV

Pretvorba RGB v 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}$

Za 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}$$ Za Saturacijo (S): $$S = \begin{cases} 0 & \text{if } C_{max} = 0 \\ \frac{\Delta}{C_{max}} \times 100\% & \text{otherwise} \end{cases}$$ Za Vrednost (V): $$V = C_{max} \times 100\%$$ ## Kako uporabljati orodje za izbiro barv Naše orodje za izbiro barv ponuja več načinov za izbiro in prilagajanje barv. Tukaj je korak za korakom vodič, kako uporabiti vsako funkcijo: ### Uporaba spektra barv 1. **Izberite osnovno barvo**: Kliknite ali tapnite kjerkoli na spektru barv, da izberete osnovno barvo. Horizontalna pozicija določa hue, medtem ko vertikalna pozicija vpliva na saturacijo. 2. **Natančno prilagodite izbiro**: Lahko povlečete kroglico za izbiro okoli, da najdete popoln odtenek barve. 3. **Ogled predogleda barve**: Ko premikate izbirnik, se območje predogleda barve v realnem času posodobi in prikaže vašo trenutno izbiro. ### Prilagajanje svetlosti 1. **Uporabite drsnik za svetlost**: Pod spektrom barv boste našli horizontalni drsnik, ki nadzira svetlost (vrednost) izbrane barve. 2. **Povlecite levo ali desno**: Premikajte drsnik levo, da potemnite barvo, ali desno, da jo osvetlite. 3. **Opazujte spremembe**: Predogled barve in vse vrednosti barv se takoj posodobijo, ko prilagodite svetlost. ### Vnos natančnih vrednosti barv Za natančno izbiro barv lahko neposredno vnesete vrednosti v kateremkoli od podprtih formatov: #### Vnos Hex 1. Vnesite veljavno hexadecimalno barvno kodo v polje Hex (npr. #FF5733) 2. Vnos samodejno preveri vašo vnos 3. Pritisnite Enter ali kliknite zunaj polja, da uporabite barvo #### Vnos RGB 1. Vnesite vrednosti med 0-255 za vsako komponento RGB 2. Vse druge barvne formate se samodejno posodobijo 3. Neveljavne vrednosti (izven 0-255) bodo omejene na veljavni razpon #### Vnos CMYK 1. Vnesite odstotne vrednosti (0-100) za cijan, magento, rumeno in črno 2. Drugi barvni formati se posodobijo glede na vaš vnos CMYK 3. Vrednosti izven razpona 0-100 se bodo samodejno prilagodile ### Kopiranje vrednosti barv 1. **Kliknite gumb Kopiraj**: Ob vsaki barvni obliki boste našli gumb za kopiranje (ikona odrezka) 2. **Takojšnja povratna informacija**: Po kliku se za trenutek prikaže sporočilo "Kopirano!" 3. **Prilepite kjerkoli**: Kopirana vrednost se lahko zdaj prilepi v vašo programsko opremo za oblikovanje, urejevalnik kode ali katerokoli drugo aplikacijo ## Uporabniški primeri Orodje za izbiro barv služi različnim namenom v različnih področjih: ### Spletni razvoj Spletni razvijalci lahko uporabijo orodje za izbiro barv za: - Izbiro barv za teme spletnih strani in komponente uporabniškega vmesnika - Iskanje dostopnih barvnih kombinacij, ki ustrezajo smernicam WCAG - Pretvorbo med hex kodami (uporabljenimi v CSS) in RGB vrednostmi - Ustvarjanje barvnih palet za dosledno blagovno znamko na spletnih straneh Primer delovnega toka: 1. Uporabite spekter barv, da najdete osnovno barvo za temo spletne strani 2. Prilagodite svetlost, da ustvarite različice za stanja ob prehodu in ozadja 3. Kopirajte hex kodo neposredno v CSS sloge 4. Uporabite vrednosti RGB za funkcije rgba(), ko je potrebna prosojnost ### Grafično oblikovanje Grafični oblikovalci imajo koristi od: - Natančne izbire barv za digitalna umetniška dela - Pretvorbe med RGB (za digitalno) in CMYK (za tisk) - Ustvarjanja harmoničnih barvnih shem - Ujemanja specifičnih barv blagovne znamke Primer delovnega toka: 1. Vnesite specifično barvo blagovne znamke v hex formatu 2. Uporabite spekter barv, da najdete dopolnilne barve 3. Preverite vrednosti CMYK, da zagotovite združljivost s tiskom 4. Kopirajte vrednosti v programsko opremo za oblikovanje, kot sta Adobe Illustrator ali Photoshop ### Oblikovanje UI/UX Oblikovalci UI/UX lahko: - Izberejo barve, ki izboljšajo uporabnost in berljivost - Ustvarijo dosledne barvne sisteme za aplikacije - Hitro preizkusijo različne barvne kombinacije - Zagotovijo zadostno kontrastnost med besedilom in ozadjem Primer delovnega toka: 1. Izberite primarno barvo z uporabo spektra barv 2. Prilagodite svetlost, da ustvarite sekundarne in terciarne barve 3. Preizkusite različne kombinacije v predoglednem območju 4. Kopirajte vrednosti v oblikovalske sisteme ali prototipne naprave ### Digitalna umetnost Digitalni umetniki uporabljajo orodja za izbiro barv za: - Iskanje popolnega odtenka za digitalne slike - Ustvarjanje prilagojenih barvnih palet - Ujemanje barv iz referenčnih slik - Eksperimentiranje s koncepti barvne teorije Primer delovnega toka: 1. Uporabite kontrole HSV za izbiro specifičnega hue 2. Prilagodite saturacijo in svetlost za želeni učinek 3. Kopirajte vrednosti RGB v programsko opremo za digitalno slikanje 4. Ustvarite različice z rahlim prilagajanjem hue ali saturacije ### Izobraževanje Orodje za izbiro barv služi kot izobraževalno orodje za: - Poučevanje konceptov barvne teorije - Prikazovanje pretvorb barvnih modelov - Razlago digitalne predstavitve barv - Pomoč študentom pri razumevanju barvnih odnosov Primer delovnega toka: 1. Prikaz, kako prilagajanje hue spremeni barvo, medtem ko ohranja svetlost 2. Prikaz, kako se vrednosti RGB povezujejo z vidnimi barvami 3. Razlaga povezave med hex kodami in RGB vrednostmi 4. Prikaz, kako se CMYK razlikuje od RGB za tisk v primerjavi z digitalnimi aplikacijami ### Alternativen Čeprav naše orodje za izbiro barv ponuja obsežno funkcionalnost, obstajajo alternativni pristopi k izbiri barv: #### Generatorji barvnih palet Orodja, kot so Adobe Color, Coolors in Paletton, se osredotočajo na ustvarjanje harmoničnih barvnih shem namesto izbire posameznih barv. Idealni so, ko potrebujete razviti celotno barvno paleto na podlagi načel barvne teorije. #### Orodja za ekstrakcijo barv iz slik Orodja, kot so ColorZilla in ImageColorPicker, vam omogočajo, da izvlečete barve neposredno iz slik ali kjerkoli na vašem zaslonu. Ta so še posebej uporabna, ko morate ujemati obstoječe barve iz fotografij ali oblikovanj. #### Fizični barvni sistemi Za tiskovno usmerjeno delo fizični barvni sistemi, kot so Pantone, CMYK vzorčne knjige ali RAL barvni grafi, zagotavljajo standardizirane reference, ki zagotavljajo natančnost barv skozi različne tiskovne procese. #### Orodja za izbiro barv v programski opremi Večina programske opreme za oblikovanje (Adobe Photoshop, Illustrator, Figma itd.) vključuje vgrajena orodja za izbiro barv. Čeprav so priročna, so pogosto omejena na aplikacijo in ne nudijo pretvorbe med formati, ki jo ponuja naše orodje. ## Zgodovina digitalne izbire barv Evolucija orodij za izbiro barv odraža razvoj digitalnega oblikovanja samega: ### Zgodnje digitalne barve (1970-1980) Prvi digitalni barvni sistemi so bili močno omejeni zaradi strojnih omejitev: - Zgodnji računalniški monitorji so lahko prikazovali le 16 ali 256 barv - Barve so bile izbrane iz predhodno določenih palet - Razvila se je paleta barv, varna za splet (216 barv), da se zagotovi združljivost med brskalniki ### Standardi RGB in Hex (1990) Ko se je tehnologija razvijala: - 24-bitna barva je postala standard, kar omogoča 16,7 milijona barv - Hexadecimalna notacija je bila sprejeta za HTML in CSS - Pojavila so se osnovna orodja za izbiro barv v programski opremi - Spletni oblikovalci so bili omejeni na poimenovane barve in hex kode ### Moderna izbira barv (2000-danes) Današnja orodja za izbiro barv odražajo naše sofisticirano razumevanje digitalne barve: - Orodja za izbiro barv v realnem času z vizualnimi vmesniki - Podpora za več barvnih modelov (RGB, HSL, HSV, CMYK) - Orodja za dostopnost barv za preverjanje kontrastnih razmerij - Napredne algoritme za harmonične barve - Integracija z oblikovalskimi sistemi in knjižnicami komponent Razvoj orodij za izbiro barv se še naprej razvija z napredkom v tehnologiji prikazovanja, barvni znanosti in metodologijah oblikovanja. ## Razmislitve o dostopnosti barv Pri izbiri barv je pomembno upoštevati dostopnost za uporabnike z motnjami barvnega vida: ### Vrste barvne slepote - **Protanopija**: Težave pri zaznavanju rdečih barv - **Deuteranopija**: Težave pri zaznavanju zelenih barv - **Tritanopija**: Težave pri zaznavanju modrih barv - **Achromatopsia**: Popolna barvna slepota (videti le v sivinah) ### Nasveti za dostopnost 1. **Ne zanašajte se samo na barvo** za prenos informacij 2. **Zagotovite zadostno kontrastnost** med besedilom in ozadjem (minimalno 4.5:1 za normalno besedilo) 3. **Uporabite vzorce ali teksture** poleg barv za grafikone in diagrame 4. **Preizkusite svoje barvne izbire** z simulatorji barvne slepote 5. **Razmislite o uporabi palet, prijaznih do barvne slepote**, ki se izogibajo problematičnim kombinacijam barv ## Pogosto zastavljena vprašanja ### Kakšna je razlika med barvnima modeloma RGB in CMYK? RGB (Rdeča, Zelena, Modra) je aditivni barvni model, ki se uporablja za digitalne zaslone, kjer se barve ustvarjajo z dodajanjem svetlobe. CMYK (Cijan, Magenta, Rumena, Črna) je subtraktivni model, ki se uporablja pri tisku, kjer se barve ustvarjajo z absorpcijo (odvzemom) svetlobe. RGB proizvaja svetlejše, bolj živahne barve, primerne za digitalne medije, medtem ko ima CMYK običajno bolj omejen spekter, bolj primeren za tiskane materiale. ### Zakaj barve izgledajo drugače na mojem zaslonu v primerjavi s tiskanimi? Ta razlika se pojavi, ker zasloni uporabljajo barvni model RGB, ki lahko prikaže širši spekter barv, kot je mogoče s tiskanimi CMYK barvnimi tinti. Poleg tega zasloni oddajajo svetlobo, medtem ko tiskani materiali odražajo svetlobo. Razlike v kalibraciji med napravami, kakovost papirja in variacije v tinti prav tako prispevajo k tej razliki. Za delo, osredotočeno na tisk, vedno preverite vrednosti CMYK in razmislite o zahtevanju fizičnih dokazov. ### Kako najti hex kodo za specifično barvo, ki jo vidim na spletu? Lahko uporabite razširitve brskalnika, kot je ColorZilla, ali vgrajena orodja za razvijalce. V Chrome ali Firefoxu z desnim klikom na element izberite "Preveri", nato uporabite orodje za izbiro barv v razdelku za razvijalce. Alternativno, naredite posnetek zaslona in ga naložite v naše orodje za izbiro barv, nato kliknite na želeno barvo, da dobite njeno hex kodo. ### Kakšen je najboljši način za ustvarjanje kohezivne barvne sheme? Začnite z osnovno barvo, ki predstavlja vašo blagovno znamko ali razpoloženje projekta. Nato uporabite načela barvne teorije, kot so dopolnilne (nasprotne na barvnem kolesu), analogne (sosednje na barvnem kolesu) ali triadične (enakomerno razporejene okoli barvnega kolesa) odnose za izbiro dodatnih barv. Prilagodite saturacijo in svetlost, da ustvarite hierarhijo. Naše orodje za izbiro barv vam pomaga vizualizirati te odnose in natančno prilagoditi vaše izbire. ### Kako lahko zagotovim, da so moje izbrane barve dostopne? Preverite kontrastno razmerje med barvami besedila in ozadja z orodji, kot je WebAIM Contrast Checker. Za normalno besedilo si prizadevajte za minimalno razmerje 4.5:1, za veliko besedilo pa 3:1. Izogibajte se problematičnim kombinacijam barv za uporabnike z barvnimi slepoti (kot sta rdeča/zelena). Preizkusite svoj dizajn z simulatorji barvne slepote. Ne pozabite, da ima približno 8% moških in 0.5% žensk neko obliko motnje barvnega vida. ### Kaj pomeni simbol # v hex barvnih kodah? Simbol # je predpona, ki označuje, da naslednji znaki predstavljajo hexadecimalno barvno kodo. To je standardna notacija v HTML, CSS in mnogih oblikovalskih aplikacijah. Šest številk, ki sledijo, predstavljajo vrednosti RGB v formatu z osnovo 16, pri čemer prvi par predstavlja rdečo, drugi zeleno in tretji modro. ### Kako naj pretvorim barvo iz RGB v CMYK za tiskanje? Naše orodje za izbiro barv samodejno pretvarja vrednosti RGB v njihove CMYK ekvivalente. Preprosto vnesite svoje RGB vrednosti in ustrezne vrednosti CMYK se bodo prikazale. Vendar pa nekatere RGB barve padejo izven spektra CMYK in jih ni mogoče natančno reproducirati v tisku. Profesionalna programska oprema za oblikovanje, kot sta Adobe Illustrator ali Photoshop, prav tako omogoča pretvorbo barvnega načina s opozorili o spektru. ### Zakaj obstajajo tako 3-številčne kot 6-številčne hex barvne kode? 3-številčna hex koda je kratka notacija, ki jo lahko uporabimo, kadar imajo vsi parni znaki ujemajoče se števke. Na primer, #FF0000 lahko skrajšamo na #F00, ker F=FF, 0=00 in 0=00. Ta kratka notacija deluje le za barve, kjer je vsaka komponenta lahko predstavljena z ponovljenimi številkami. Sprva je bila uvedena, da bi prihranila prostor v datotekah v zgodnjih dneh spleta, vendar ostaja priročna kratka notacija. ### Kako natančne so pretvorbe barv med različnimi modeli? Pretvorbe med RGB in hex so matematično natančne, saj so neposredne predstavitve istih vrednosti v različnih formatih. Pretvorbe med RGB in CMYK so približki zaradi temeljnih razlik v barvnih spektrih in fizičnih lastnostih oddajanja svetlobe v primerjavi z absorpcijo tinti. Naše orodje uporablja industrijske standardne formule, da zagotovi najbolj natančne pretvorbe, ki so možne znotraj teh omejitev. ### Ali lahko shranim ali izvozim svoje izbrane barve? Trenutno lahko kopirate posamezne barvne vrednosti v odložišče. Priporočamo, da ustvarite dokument ali uporabite orodje za barvne palete, da shranite več barv za svoje projekte. Prihodnje posodobitve lahko vključujejo funkcije za shranjevanje barvnih palet neposredno znotraj orodja. ## Kode za primerjanje barvnih pretvorb Tukaj so primeri kode, ki prikazujejo, kako pretvoriti med različnimi barvnimi formati:

1// Pretvorba RGB v Hex
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// Pretvorba Hex v RGB
12function hexToRgb(hex) {
13  // Odstranite #, če je prisoten
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Obvladovanje tako 3-številčnih kot 6-številčnih 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// Pretvorba RGB v CMYK
29function rgbToCmyk(r, g, b) {
30  // Normalizirajte RGB vrednosti
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Izračunajte K (črno)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Obvladovanje čiste črne
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // Izračunajte 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// Primer uporabe
57const rgb = { r: 255, g: 0, b: 0 }; // Čista rdeča
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB v Hex pretvorba
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex v RGB pretvorba
6def hex_to_rgb(hex_color):
7    # Odstranite #, če je prisoten
8    hex_color = hex_color.lstrip('#')
9    
10    # Obvladovanje tako 3-številčnih kot 6-številčnih 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 v CMYK pretvorba
21def rgb_to_cmyk(r, g, b):
22    # Normalizirajte RGB vrednosti
23    r_norm = r / 255.0
24    g_norm = g / 255.0
25    b_norm = b / 255.0
26    
27    # Izračunajte K (črno)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Obvladovanje čiste črne
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # Izračunajte 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# Primer uporabe
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Nebesko modra
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 v Hex pretvorba
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 v RGB pretvorba
8    public static int[] hexToRgb(String hexColor) {
9        // Odstranite #, če je prisoten
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Obvladovanje tako 3-številčnih kot 6-številčnih 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 v CMYK pretvorba
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normalizirajte RGB vrednosti
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Izračunajte K (črno)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Obvladovanje čiste črne
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // Izračunajte 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        // Primer uporabe
60        int r = 75, g = 0, b = 130;  // Vijolična
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

Reference

1. Agoston, M. K. (2013). Računalniška grafika in geometrijsko modeliranje: Implementacija in algoritmi. Springer Science & Business Media.

2. Adobe Systems. (2000). Adobe RGB (1998) Barvna slika kodiranja. Adobe Systems Incorporated.

3. Fairchild, M. D. (2013). Modeli videza barv. John Wiley & Sons.

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

5. Poynton, C. (2012). Digitalni video in HD: Algoritmi in vmesniki. Elsevier.

6. W3C. (2018). CSS Color Module Level 4. W3C delovni osnutek. Pridobljeno s https://www.w3.org/TR/css-color-4/

7. Smernice za dostopnost spletne vsebine (WCAG) 2.1. (2018). Pridobljeno s https://www.w3.org/TR/WCAG21/

8. Mednarodni barvni konzorcij. (2004). Specifikacija ICC.1:2004-10 (Različica profila 4.2.0.0). Pridobljeno s http://www.color.org/specification/ICC1v42_2006-05.pdf

Preizkusite naše orodje za izbiro barv danes!

Ste pripravljeni najti popolno barvo za svoj projekt? Naše uporabniku prijazno orodje za izbiro barv omogoča enostavno izbiro, prilagajanje in pretvorbo barv med različnimi formati. Ne glede na to, ali oblikujete spletno stran, ustvarjate digitalno umetnost ali načrtujete tiskane materiale, naše orodje zagotavlja natančnost in prilagodljivost, ki jo potrebujete.

Začnite eksperimentirati z barvami zdaj in dvignite svoje zasnove na višjo raven!