Jednostavan i korisnički prijatan alat za biranje boja

Uvod

Alat za biranje boja je intuitivna, jednostavna aplikacija dizajnirana da pomogne korisnicima da izaberu, vizualizuju i konvertuju boje kroz više formata boja. Bilo da ste web dizajner koji kreira shemu boja, digitalni umetnik koji traži savršenu nijansu, ili programer koji implementira korisnički interfejs, ovaj alat za biranje boja pruža jednostavan način za rad sa bojama u RGB, heksadecimalnom, CMYK i HSV formatima. Sa svojim interaktivnim spektrom boja, klizačem za osvetljenost i preciznim opcijama unosa, možete brzo pronaći, prilagoditi i kopirati vrednosti boja za vaše projekte.

Razumevanje modela boja

Pre nego što zaronite u to kako koristiti alat za biranje boja, korisno je razumeti različite modele boja koje podržava:

RGB (Crvena, Zelena, Plava)

RGB je aditivni model boja u kojem se crvena, zelena i plava svetlost kombinuju na različite načine kako bi reprodukovale širok spektar boja. U digitalnim aplikacijama:

• Svaka komponenta (R, G, B) se kreće od 0 do 255
• RGB(255, 0, 0) predstavlja čistocrvenu
• RGB(0, 255, 0) predstavlja čisto zelenu
• RGB(0, 0, 255) predstavlja čisto plavu
• RGB(255, 255, 255) predstavlja belu
• RGB(0, 0, 0) predstavlja crnu

RGB model je direktno povezan sa načinom na koji se boje prikazuju na ekranima, što ga čini primarnim izborom za digitalni dizajn.

Heksadecimalno (Hex)

Heksadecimalni kodovi boja su način predstavljanja RGB boja koristeći sistem brojanja sa bazom 16:

• Heksadecimalna boja počinje sa znakom # praćena sa šest karaktera
• Prvi par predstavlja crvenu, drugi zelenu, a treći plavu
• Svaki par se kreće od 00 do FF (0-255 u decimalnom)
• #FF0000 predstavlja čistocrvenu
• #00FF00 predstavlja čisto zelenu
• #0000FF predstavlja čisto plavu
• Postoji skraćena notacija za određene boje (npr. #F00 za crvenu)

Hex kodovi se široko koriste u web razvoju (CSS, HTML) i aplikacijama za digitalni dizajn.

CMYK (Cijan, Magenta, Žuta, Key/Crna)

CMYK je subtraktivni model boja koji se prvenstveno koristi u štampanju:

• Svaka komponenta se kreće od 0% do 100%
• CMYK(0, 100, 100, 0) predstavlja čistocrvenu
• CMYK(100, 0, 100, 0) predstavlja čisto zelenu
• CMYK(100, 100, 0, 0) predstavlja čisto plavu
• CMYK(0, 0, 0, 100) predstavlja crnu
• CMYK(0, 0, 0, 0) predstavlja belu (boja papira)

Iako se prvenstveno koristi za štampu, razumevanje CMYK vrednosti može biti korisno kada se dizajnira sadržaj koji će na kraju biti štampan.

HSV (Hue, Saturacija, Vrednost)

HSV predstavlja boje u terminima:

• Hue: Tip boje (crvena, žuta, zelena, itd.), meren u stepenima (0-360°)
• Saturacija: Intenzitet ili čistoća boje (0-100%)
• Vrednost: Svetlost boje (0-100%)

HSV je posebno koristan za izbor boja jer odvaja izbor boje (hue) od njene intenziteta (saturacija) i svetlosti (vrednost), što olakšava prilagođavanje boja.

Formule za konverziju boja

Alat za biranje boja automatski konvertuje između različitih modela boja koristeći ove matematičke formule:

RGB u Hex konverzija

Da biste konvertovali RGB u heksadecimalni:

1. Konvertujte svaku RGB komponentu (0-255) u dvocifreni heksadecimalni broj
2. Povežite tri heksadecimalne vrednosti sa # prefiksom

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

Gde toHex() konvertuje decimalni broj u njegovu heksadecimalnu reprezentaciju.

RGB u CMYK konverzija

Konverzija iz RGB u CMYK uključuje sledeće korake:

1. Normalizujte RGB vrednosti na opseg 0-1
2. Izračunajte komponentu crne (K)
3. Izračunajte C, M i Y na osnovu 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 u HSV konverzija

Konvertovanje RGB u 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 Saturaciju (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 koristiti alat za biranje boja Naš alat za biranje boja pruža više načina za izbor i prilagođavanje boja. Evo vodiča korak po korak o tome kako koristiti svaku funkciju: ### Korišćenje spektra boja 1. **Izaberite osnovnu boju**: Kliknite ili dodirnite bilo gde na spektru boja da biste izabrali osnovnu boju. Horizontalna pozicija određuje hue, dok vertikalna pozicija utiče na saturaciju. 2. **Fino podešavanje izbora**: Možete prevući krug selektora da pronađete savršenu nijansu boje. 3. **Pogledajte pregled boje**: Dok pomerate selektor, oblast pregleda boje se ažurira u realnom vremenu, prikazujući vaš trenutni izbor. ### Prilagođavanje osvetljenosti 1. **Koristite klizač za osvetljenost**: Ispod spektra boja, naći ćete horizontalni klizač koji kontroliše osvetljenost (vrednost) izabrane boje. 2. **Prevucite levo ili desno**: Pomaknite klizač ulevo da biste potamnili boju ili udesno da biste je posvetlili. 3. **Posmatrajte promene**: Pregled boje i sve vrednosti boja se trenutno ažuriraju dok prilagođavate osvetljenost. ### Unos preciznih vrednosti boja Za tačan izbor boja, možete direktno uneti vrednosti u bilo kojem od podržanih formata: #### Hex unos 1. Unesite važeći heksadecimalni kod boje u Hex polje (npr. #FF5733) 2. Unos automatski validira vašu stavku 3. Pritisnite Enter ili kliknite van polja da primenite boju #### RGB unos 1. Unesite vrednosti između 0-255 za svaku RGB komponentu 2. Sva ostala polja formata boja se automatski ažuriraju 3. Nevažeće vrednosti (izvan 0-255) će biti ograničene na važeći opseg #### CMYK unos 1. Unesite procentualne vrednosti (0-100) za Cijan, Magentu, Žutu i Crnu 2. Ostali formati boja se ažuriraju na osnovu vašeg CMYK unosa 3. Vrednosti izvan opsega 0-100 će se automatski prilagoditi ### Kopiranje vrednosti boja 1. **Kliknite na dugme Kopiraj**: Pored svake boje formata, naći ćete dugme za kopiranje (ikona clipboard) 2. **Instant povratna informacija**: Nakon klika, poruka "Kopirano!" se kratko pojavljuje 3. **Nalepite bilo gde**: Kopirana vrednost se sada može nalepiti u vašem dizajn softveru, kod editoru ili bilo kojoj drugoj aplikaciji ## Slučajevi korišćenja Alat za biranje boja služi raznim svrhama u različitim oblastima: ### Web razvoj Web programeri mogu koristiti alat za biranje boja da: - Izaberu boje za teme web sajtova i UI komponente - Pronađu dostupne kombinacije boja koje ispunjavaju WCAG smernice - Konvertuju između hex kodova (koji se koriste u CSS-u) i RGB vrednosti - Kreiraju palete boja za dosledno brendiranje na web sajtovima Primer radnog toka: 1. Koristite spektar boja da pronađete osnovnu boju za temu web sajta 2. Prilagodite osvetljenost da biste kreirali varijacije za hover stanja i pozadine 3. Kopirajte hex kod direktno u CSS stilove 4. Koristite RGB vrednosti za rgba() funkcije kada je potrebna transparentnost ### Grafički dizajn Grafički dizajneri imaju koristi od: - Preciznog izbora boja za digitalnu umetnost - Konvertovanja između RGB (za digitalno) i CMYK (za štampu) - Kreiranja harmoničnih shema boja - Usklađivanja specifičnih brend boja Primer radnog toka: 1. Unesite specifičnu brend boju u hex formatu 2. Koristite spektar boja da pronađete komplementarne boje 3. Proverite CMYK vrednosti da biste osigurali kompatibilnost sa štampom 4. Kopirajte vrednosti u dizajn softver kao što su Adobe Illustrator ili Photoshop ### UI/UX dizajn UI/UX dizajneri mogu: - Izabrati boje koje poboljšavaju upotrebljivost i čitljivost - Kreirati dosledne sisteme boja za aplikacije - Brzo testirati različite kombinacije boja - Osigurati dovoljnu kontrastnost između teksta i pozadine Primer radnog toka: 1. Izaberite primarnu boju koristeći spektar boja 2. Prilagodite osvetljenost da biste kreirali sekundarne i tercijarne boje 3. Testirajte različite kombinacije u području pregleda 4. Kopirajte vrednosti u dizajn sisteme ili alate za prototipizaciju ### Digitalna umetnost Digitalni umetnici koriste alate za biranje boja da: - Pronađu savršenu nijansu za digitalne slike - Kreiraju prilagođene palete boja - Usklade boje iz referentnih slika - Eksperimentišu sa konceptima teorije boja Primer radnog toka: 1. Koristite HSV kontrole da izaberete specifičan hue 2. Prilagodite saturaciju i osvetljenost za željeni efekat 3. Kopirajte RGB vrednosti u softver za digitalno slikanje 4. Kreirajte varijacije blagim prilagođavanjem hue ili saturacije ### Obrazovanje Alat za biranje boja služi kao obrazovni alat za: - Učenje koncepata teorije boja - Demonstiranje konverzija modela boja - Objašnjavanje digitalne reprezentacije boja - Pomoć studentima da razumeju odnose boja Primer radnog toka: 1. Prikazivanje kako prilagođavanje hue menja boju dok se svetlost održava 2. Demonstiranje kako RGB vrednosti odgovaraju vidljivim bojama 3. Objašnjavanje odnosa između hex kodova i RGB vrednosti 4. Ilustrovanje kako se CMYK razlikuje od RGB za štampu u poređenju sa digitalnim aplikacijama ### Alternativne opcije Iako naš alat za biranje boja pruža sveobuhvatnu funkcionalnost, postoje alternativni pristupi izboru boja: #### Generator paleta boja Alati kao što su Adobe Color, Coolors i Paletton fokusiraju se na kreiranje harmoničnih shema boja umesto izbora pojedinačnih boja. Idealni su kada vam je potrebno da razvijete kompletnu paletu boja zasnovanu na principima teorije boja. #### Alati za ekstrakciju boja iz slika Alati kao što su ColorZilla i ImageColorPicker omogućavaju vam da izvučete boje direktno iz slika ili bilo gde na ekranu. Ovi alati su posebno korisni kada vam je potrebno da uskladite postojeće boje iz fotografija ili dizajna. #### Fizički sistemi boja Za rad fokusiran na štampu, fizički sistemi boja kao što su Pantone, CMYK uzorci ili RAL grafikon boja pružaju standardizovane reference koje osiguravaju tačnost boje kroz različite procese štampe. #### Ugrađeni alati softvera Većina dizajn softvera (Adobe Photoshop, Illustrator, Figma itd.) uključuje ugrađene alate za biranje boja. Iako su praktični, često su ograničeni na aplikaciju i ne pružaju konverziju između formata koju naš alat nudi. ## Istorija digitalnog izbora boja Evolucija alata za biranje boja prati razvoj digitalnog dizajna: ### Rane digitalne boje (1970-e-1980-e) Prvi digitalni sistemi boja bili su ozbiljno ograničeni hardverskim ograničenjima: - Rani računarski monitori mogli su prikazati samo 16 ili 256 boja - Boje su birane iz unapred definisanih paleta - Web-safe paleta boja (216 boja) je razvijena da osigura kompatibilnost između pretraživača ### RGB i Hex standardi (1990-e) Kako je tehnologija napredovala: - 24-bitna boja postala je standard, omogućavajući 16,7 miliona boja - Heksadecimalna notacija je usvojena za HTML i CSS - Osnovni alati za biranje boja pojavili su se u dizajn softveru - Web dizajneri su bili ograničeni na imenovane boje i hex kodove ### Moderni alati za biranje boja (2000-e-danas) Današnji alati za biranje boja odražavaju naše sofisticirano razumevanje digitalne boje: - Alati za biranje boja u realnom vremenu sa vizuelnim interfejsima - Podrška za više modela boja (RGB, HSL, HSV, CMYK) - Alati za pristupačnost boja za proveru odnosa kontrasta - Napredni algoritmi za harmoniju boja - Integracija sa dizajn sistemima i bibliotekama komponenti Razvoj alata za biranje boja nastavlja da se razvija sa napretkom u tehnologiji prikaza, nauci o bojama i metodologijama dizajna. ## Razmatranja pristupačnosti boja Kada birate boje, važno je razmotriti pristupačnost za korisnike sa oštećenjem vida boja: ### Tipovi slabljenja vida boja - **Protanopija**: Teškoće u percepciji crvenih boja - **Deuteranopija**: Teškoće u percepciji zelenih boja - **Tritanopija**: Teškoće u percepciji plavih boja - **Akrhomatopsija**: Potpuno slabljenje vida boja (vidi se samo u sivim tonovima) ### Saveti za pristupačnost 1. **Ne oslanjajte se isključivo na boju** da prenesete informacije 2. **Osigurajte dovoljnu kontrastnost** između teksta i pozadine (minimum 4.5:1 za normalan tekst) 3. **Koristite uzorke ili teksture** pored boja za grafikone i dijagrame 4. **Testirajte svoje izbore boja** pomoću simulacija slabljenja vida boja 5. **Razmislite o korišćenju paleta prijateljskih prema slabovidim osobama** koje izbegavaju problematične kombinacije boja ## Često postavljana pitanja ### Koja je razlika između RGB i CMYK modela boja? RGB (Crvena, Zelena, Plava) je aditivni model boja koji se koristi za digitalne prikaze gde se boje stvaraju dodavanjem svetlosti. CMYK (Cijan, Magenta, Žuta, Crna) je subtraktivni model koji se koristi u štampanju gde se boje stvaraju apsorbovanjem (oduzimanjem) svetlosti. RGB proizvodi svetlije, vibrantnije boje idealne za digitalne medije, dok CMYK obično ima ograničeniji spektar koji je bolje prilagođen štampanim materijalima. ### Zašto boje izgledaju drugačije na mom ekranu u poređenju sa štampanim? Ova razlika se javlja jer ekrani koriste RGB model boja koji može prikazati širi spektar boja nego što je moguće sa CMYK štampanim tintama. Pored toga, ekrani emituju svetlost dok štampani materijali reflektuju. Razlike u kalibraciji između uređaja, kvalitet papira i varijacije tinte takođe doprinose ovoj razlici. Za rad fokusiran na štampu, uvek proverite CMYK vrednosti i razmislite o traženju fizičkih dokaza. ### Kako da pronađem hex kod za specifičnu boju koju vidim online? Možete koristiti ekstenzije pretraživača kao što su ColorZilla ili ugrađene alate za programere. U Chrome-u ili Firefox-u, desni klik na element, izaberite "Inspektuj", a zatim koristite alat za biranje boja u panelu za programere. Alternativno, napravite snimak ekrana i učitajte ga u naš alat za biranje boja, a zatim kliknite na željenu boju da dobijete njen hex kod. ### Koji je najbolji način da kreiram koherentnu shemu boja? Počnite sa primarnom bojom koja predstavlja vašu marku ili raspoloženje projekta. Zatim koristite principe teorije boja kao što su komplementarne (suprotne na točku boja), analogne (susjedne na točku boja) ili triadične (ravnomerno raspoređene oko točka boja) odnose da izaberete dodatne boje. Prilagodite saturaciju i osvetljenost da biste stvorili hijerarhiju. Naš alat za biranje boja pomaže vam da vizualizujete ove odnose i fino podesite svoje izbore. ### Kako mogu osigurati da su moje izabrane boje pristupačne? Proverite odnos kontrasta između boja teksta i pozadine koristeći alate kao što je WebAIM Contrast Checker. Za normalan tekst, ciljajte na minimalni odnos od 4.5:1, a za veliki tekst 3:1. Izbegavajte problematične kombinacije boja za slabovide korisnike (kao što su crvena/zelena). Testirajte svoj dizajn pomoću simulacija slabovidosti. Zapamtite da oko 8% muškaraca i 0.5% žena ima neku formu oštećenja vida boja. ### Šta znači simbol # u hex kodovima boja? Hash ili znak # je prefiks koji označava da sledeći karakteri predstavljaju heksadecimalni kod boje. To je standardna notacija u HTML-u, CSS-u i mnogim dizajn aplikacijama. Šest cifara koje slede predstavljaju RGB vrednosti u bazi-16 formatu, pri čemu prvi par predstavlja crvenu, drugi zelenu, a treći plavu. ### Kako da konvertujem boju iz RGB u CMYK za štampu? Naš alat za biranje boja automatski konvertuje RGB vrednosti u njihove CMYK ekvivalente. Jednostavno unesite svoje RGB vrednosti, a odgovarajuće CMYK vrednosti će se prikazati. Međutim, imajte na umu da neke RGB boje padaju izvan CMYK spektra i ne mogu se tačno reprodukovati u štampi. Profesionalni dizajn softver kao što su Adobe Illustrator ili Photoshop takođe pruža konverziju modova boja sa upozorenjima o spektru. ### Zašto postoje i 3-cifreni i 6-cifreni hex kodovi? 3-cifreni hex kod je skraćena notacija koja se može koristiti kada svaki par komponenti ima iste cifre. Na primer, #FF0000 se može skratiti na #F00 jer F=FF, 0=00, i 0=00. Ova skraćena notacija funkcioniše samo za boje gde svaka komponenta može biti predstavljena ponovljenim ciframa. Prvobitno je uvedena da uštedi veličinu fajla u ranim danima web-a, ali ostaje zgodna skraćenica. ### Koliko su tačne konverzije boja između različitih modela? Konverzije između RGB i hex su matematički tačne jer su direktne reprezentacije istih vrednosti u različitim formatima. Konverzije između RGB i CMYK su aproksimacije zbog fundamentalnih razlika u spektarima boja i fizičkim svojstvima emitovanja svetlosti u poređenju sa apsorpcijom tinte. Naš alat koristi industrijske standardne formule da pruži najtačnije moguće konverzije unutar ovih ograničenja. ### Mogu li da sačuvam ili eksportujem svoje izabrane boje? Trenutno možete kopirati pojedinačne vrednosti boja u vaš clipboard. Preporučujemo da kreirate dokument ili koristite posveđeni alat za palete boja da sačuvate više boja za vaše projekte. Buduće nadogradnje mogu uključivati funkcije za direktno čuvanje paleta boja unutar alata. ## Primeri koda za konverzije boja Evo nekoliko primera koda koji pokazuju kako konvertovati između različitih formata boja:

1// RGB u Hex konverzija
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 u RGB konverzija
12function hexToRgb(hex) {
13  // Ukloni # ako je prisutan
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Rukovanje sa 3-cifrenim i 6-cifrenim 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 u CMYK konverzija
29function rgbToCmyk(r, g, b) {
30  // Normalizujte RGB vrednosti
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Izračunajte K (crna)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Rukovanje čistom crnom
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 korišćenja
57const rgb = { r: 255, g: 0, b: 0 }; // Čistocrvena
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

1# RGB u Hex konverzija
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex u RGB konverzija
6def hex_to_rgb(hex_color):
7    # Ukloni # ako je prisutan
8    hex_color = hex_color.lstrip('#')
9    
10    # Rukovanje sa 3-cifrenim i 6-cifrenim 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 u CMYK konverzija
21def rgb_to_cmyk(r, g, b):
22    # Normalizujte RGB vrednosti
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Izračunajte K (crna)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Rukovanje čistom crnom
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 korišćenja
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Nebesko plava
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 u Hex konverzija
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 u RGB konverzija
8    public static int[] hexToRgb(String hexColor) {
9        // Ukloni # ako je prisutan
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Rukovanje sa 3-cifrenim i 6-cifrenim 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 u CMYK konverzija
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normalizujte 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 (crna)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Rukovanje čistom crnom
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 korišćenja
60        int r = 75, g = 0, b = 130;  // Ljubičasta
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čunarske grafike i geometrijsko modeliranje: Implementacija i algoritmi. Springer Science & Business Media.

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

3. Fairchild, M. D. (2013). Modeli pojavljivanja boja. John Wiley & Sons.

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

5. Poynton, C. (2012). Digitalni video i HD: Algoritmi i interfejsi. Elsevier.

6. W3C. (2018). CSS modul boje nivoa 4. W3C radni nacrt. Preuzeto sa https://www.w3.org/TR/css-color-4/

7. Smernice za pristupačnost web sadržaja (WCAG) 2.1. (2018). Preuzeto sa https://www.w3.org/TR/WCAG21/

8. Međunarodna komisija za boje. (2004). Specifikacija ICC.1:2004-10 (Profil verzija 4.2.0.0). Preuzeto sa http://www.color.org/specification/ICC1v42_2006-05.pdf

Isprobajte naš alat za biranje boja danas!

Spremni da pronađete savršenu boju za vaš projekat? Naš korisnički prijatan alat za biranje boja olakšava izbor, prilagođavanje i konverziju boja između različitih formata. Bilo da dizajnirate web sajt, kreirate digitalnu umetnost ili planirate štampane materijale, naš alat pruža preciznost i fleksibilnost koja vam je potrebna.

Započnite eksperimentisanje sa bojama sada i podignite svoje dizajne na viši nivo!