Koja je razlika između RGB i CMYK?

RGB je za zaslone, CMYK je za tisak. Zasloni stvaraju boje emitiranjem crvene, zelene i plave svjetlosti (aditivno miješanje), dok pisači stvaraju boje slaganjem cijan, magenta, žutih i crnih tinti na papiru (suptrakcijsko miješanje). RGB može proizvesti svjetlije, življe boje od CMYK-a jer svjetlost ima širi raspon boja nego tinta. Zato boje na zaslonu često izgledaju blijeđe kada se isprintaju.

Zašto moje boje izgledaju drugačije kada se isprintaju?

Zasloni emitiraju svjetlost, papir je reflektira - fundamentalno različiti procesi. Uz to, RGB rukuje milijunima boja koje CMYK tinte jednostavno ne mogu reproducirati. Kalibracija zaslona, kvaliteta papira i varijacije tinte dodatno povećavaju varijabilnost. Uvijek provjerite CMYK vrijednosti prije tiskanja i zatražite fizičke dokaze za kritične poslove usklađivanja boja.

Kako dobiti heks kodove boja koje vidim online?

Koristite razvojne alate preglednika. U Chrome ili Firefox-u, desni klik na bilo koji element, odaberite "Inspect", zatim kliknite mali kvadratić boje u panelu stilova. Ovo otvara birač boja koji prikazuje heks kod. Proširenja preglednika poput ColorZilla čine to još bržim - omogućuju vam da kliknete bilo gdje na stranici da biste preuzeli vrijednost boje.

Što znači # simbol u heks kodovima?

To je samo prefiks koji pregledniku govori "ovo je heksadecimalni kod boje". Standard potječe iz ranih HTML i CSS specifikacija. Šest znakova nakon # predstavlja RGB vrijednosti u bazi 16: dva broja za crvenu, dva za zelenu, dva za plavu. Bez #, preglednici neće prepoznati kao boju.

Zašto 3-znamenkasti heks kodovi funkcioniraju?

To je prečac kada se svaki kanal boje ponavlja. #F00 se širi na #FF0000 (crvena), #C9C postaje #CC99CC (svijetlo ljubičasta). Ova prečica stvorena je 1990-ih za smanjenje veličine datoteka kada je propusni opseg bio skup. I dalje je praktična za jednostavne boje.

Jesu li pretvorbe boja točne?

RGB-u-heks pretvorbe su matematički točne - iste su vrijednosti u različitim brojevnim sustavima. RGB-u-CMYK pretvorbe su aproksimacije jer pretvarate između fundamentalno različitih prostora boja (svjetlost vs. tinta). Alat koristi ICC standarde profila boja za ove pretvorbe, što je isti pristup koji koristi profesionalni dizajnerski softver.

Kako stvoriti pristupačne kombinacije boja?

Koristite provjerivač kontrasta poput WebAIM alata nakon odabira boja ovdje. Potreban vam je omjer 4,5:1 za normalan tekst, 3:1 za veliki tekst. Izbjegavajte crveno-zelene kombinacije (najteže za korisnike s poremećajem vida boja). Kada niste sigurni, tamni tekst na svjetlijim pozadinama ili obrnuto - dovoljna razlika luminancije je ono što najviše vrijedi.

Mogu li birati boje iz slika?

Ne izravno u ovom alatu. Koristite proširenje preglednika poput ColorZilla, ili napravite screenshot slike i koristite color picker vašeg operativnog sustava (Digital Color Meter na macOS-u, PowerToys Color Picker na Windowsima). Kada imate vrijednost boje, unesite je ovdje za pretvorbu između formata.

Zašto se neke RGB boje ne pretvaraju dobro u CMYK?

CMYK ima uži "gamut" (raspon reproducibilnih boja) od RGB-a. Svijetle plave, žive zelene i električne narančaste često padaju izvan onoga što CMYK tinte fizički mogu stvoriti. Kada se to dogodi, pisač zamjenjuje najbližu moguću varijantu, koja obično izgleda manje zasićeno. Profesionalni dizajneri tiska često počinju s CMYK-sigurnim bojama da bi izbjegli ovaj problem.

Alat za odabir boja - Pretvorba RGB, Hex, CMYK i HSV kodova boja

Što Možete Napraviti S Ovim Biračem Boja

Trebate li savršeni ton za svoj projekt? Ovaj birač boja vam omogućava odabir, pregled i pretvorbu boja između RGB, Hex, CMYK i HSV formata trenutačno. Bez obzira radi li se o kodiranju web stranice, dizajniranju logotipa ili pripremi datoteka za tisak, pronaći ćete točne vrijednosti boja - bez nagađanja i bez prebacivanja između alata.

Kliknite bilo gdje na spektru boja za odabir tona, prilagodite svjetlinu klizačem ili izravno unesite precizne vrijednosti. Svaki format se ažurira u stvarnom vremenu, a možete kopirati bilo koji kod boje jednim klikom.

Razumijevanje modela boja

Različiti projekti zahtijevaju različite formate boja. Evo što svaki čini i kada ga koristiti:

RGB (Crvena, Zelena, Plava)

RGB radi miješanjem crvene, zelene i plave svjetlosti - na isti način na koji vaš zaslon prikazuje boje upravo sada. Svaka komponenta se kreće od 0 do 255:

RGB(255, 0, 0) = čista crvena
RGB(0, 255, 0) = čista zelena
RGB(0, 0, 255) = čista plava
RGB(255, 255, 255) = bijela
RGB(0, 0, 0) = crna

Kada koristiti RGB: Bilo koji digitalni rad - web stranice, mobilne aplikacije, uređivanje videa ili grafike za zaslon. To je izvorni jezik zaslona, zbog čega alati poput CSS-a izravno podržavaju rgb() i rgba() funkcije. Prema W3C CSS Color Module specifikaciji, RGB je temeljni model boja za web standarde.

Heksadecimalni (Hex)

Hex kodovi su samo RGB vrijednosti napisane u bazi 16 umjesto baze 10. Hex boja izgleda poput #FF5733, gdje:

# simbol označava da je to hex kod
prva dva znaka = crvena (00-FF)
srednja dva = zelena (00-FF)
posljednja dva = plava (00-FF)
#FF0000 = crvena, #00FF00 = zelena, #0000FF = plava

Ponekad ćete vidjeti skraćeni oblik od 3 znaka poput #F00 umjesto #FF0000 - ovo radi kada svaki kanal boje ponavlja isti broj.

Kada koristiti Hex: Razvoj weba je primarni slučaj upotrebe. CSS je oduvijek podržavao hex notaciju, a većina developera smatra da je brže za pisanje nego rgb(). Česta zamka: zaboravljanje # simbola će tiho pokvariti vaše stilove, jer preglednici neće prepoznati kao valjan color.

CMYK (Cijan, Magenta, Žuta, Ključna/Crna)

CMYK je model boja koji koriste pisači. Za razliku od RGB-a (koji dodaje svjetlost), CMYK je oduzima - miješajući tinte na bijelom papiru da bi stvorio boje:

Svaka komponenta se kreće od 0% do 100%
CMYK(0, 100, 100, 0) = crvena
CMYK(100, 0, 100, 0) = zelena
CMYK(0, 0, 0, 100) = čista crna tinta
CMYK(0, 0, 0, 0) = bez tinte (bijeli papir se vidi)

Kada koristiti CMYK: Dizajniranje za tisak - posjetnice, brošure, magazini, ambalaža. Evo realne provjere: mnoge živahne RGB boje jednostavno se ne mogu reproducirati CMYK tintama. Ona svijetla električna plava koju vidite na zaslonu? Bit će blijeđa kada se tiska. Profesionalni dizajneri uvijek pregledavaju CMYK pretvorbe prije slanja datoteka u tisak kako bi izbjegli iznenađenja.

HSV (Ton, Zasićenje, Vrijednost)

HSV razbija boju na tri intuitivne komponente:

Ton: Koja obitelj boja (0-360°) - 0° je crvena, 120° je zelena, 240° je plava
Zasićenje: Koliko je živa ili siva (0-100%) - 0% je siva skala, 100% je potpuno zasićena
Vrijednost: Koliko je svijetla ili tamna (0-100%) - 0% je crna, 100% je puna svjetlina

Zašto HSV vrijedi: Odgovara načinu na koji ljudi prirodno razmišljaju o boji. Želite li tamniju plavu? Smanjite vrijednost. Želite li manje intenzivnu plavu? Smanjite zasićenje. Ovo čini HSV idealnim za interaktivne birače boja poput ovog, gdje odabirete ton na spektru i prilagođavate svjetlinu klizačem.

Formule za pretvorbu boja

Birač boja automatski pretvara između različitih modela boja koristeći ove matematičke formule:

Pretvorba RGB u heksadecimalni zapis

Za pretvorbu RGB u heksadecimalni zapis:

Pretvorite svaku RGB komponentu (0-255) u dvoznamenkasti heksadecimalni broj
Spojite tri heksadecimalne vrijednosti s prefiksom #

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

Gdje toHex() pretvara decimalni broj u njegovu heksadecimalnu reprezentaciju.

Pretvorba RGB u CMYK

Pretvorba iz RGB u CMYK uključuje ove korake:

Normalizirati RGB vrijednosti na raspon 0-1
Izračunati crnu ključnu (K) komponentu
Izračunati C, M i Y na temelju 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 u HSV

Pretvaranje 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 Ton (H):

1// RGB u Hex pretvorba
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 pretvorba
12function hexToRgb(hex) {
13  // Ukloni # ako je prisutan
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // Rukuj i 3-znamenkastim i 6-znamenkastim 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 pretvorba
29function rgbToCmyk(r, g, b) {
30  // Normalizacija RGB vrijednosti
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // Izračunaj K (crnu)
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // Rukuj potpuno crnom
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // Izračunaj 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// Primjer upotrebe
57const rgb = { r: 255, g: 0, b: 0 }; // Čista crvena
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 pretvorba
2def rgb_to_hex(r, g, b):
3    return f'#{r:02x}{g:02x}{b:02x}'
4
5# Hex u RGB pretvorba
6def hex_to_rgb(hex_color):
7    # Ukloni # ako je prisutan
8    hex_color = hex_color.lstrip('#')
9    
10    # Rukuj i 3-znamenkastim i 6-znamenkastim 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 pretvorba
21def rgb_to_cmyk(r, g, b):
22    # Normalizacija RGB vrijednosti
23    r_norm = r / 255
24    g_norm = g / 255
25    b_norm = b / 255
26    
27    # Izračunaj K (crnu)
28    k = 1 - max(r_norm, g_norm, b_norm)
29    
30    # Rukuj potpuno crnom
31    if k == 1:
32        return {'c': 0, 'm': 0, 'y': 0, 'k': 100}
33    
34    # Izračunaj 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# Primjer upotrebe
47rgb = {'r': 0, 'g': 128, 'b': 255}  # Plava nebo
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 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 u RGB pretvorba
8    public static int[] hexToRgb(String hexColor) {
9        // Ukloni # ako je prisutan
10        if (hexColor.startsWith("#")) {
11            hexColor = hexColor.substring(1);
12        }
13        
14        // Rukuj i 3-znamenkastim i 6-znamenkastim 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 pretvorba
31    public static double[] rgbToCmyk(int r, int g, int b) {
32        // Normalizacija RGB vrijednosti
33        double normalizedR = r / 255.0;
34        double normalizedG = g / 255.0;
35        double normalizedB = b / 255.0;
36        
37        // Izračunaj K (crnu)
38        double k = 1 - Math.max(Math.max(normalizedR, normalizedG), normalizedB);
39        
40        // Rukuj potpuno crnom
41        if (k == 1) {
42            return new double[]{0, 0, 0, 100};
43        }
44        
45        // Izračunaj 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        // Primjer upotrebe
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 i daljnje čitanje

W3C CSS Color Module Level 4 - Službena specifikacija web boja
WCAG 2.1 Smjernice za kontrast - Standardi pristupačnosti za kontrast boja
WebAIM Provjera kontrasta - Testiranje omjera kontrasta boja
ICC Color Profile Standards - Tehnička specifikacija za pretvorbu boja
MDN Web Docs: CSS Color Values - Sveobuhvatni vodič za web formate boja

Alat za odabir boja - Pretvorba RGB, Hex, CMYK i HSV kodova boja

Odabir boje

RGB (0-255)

CMYK (0-100)

Odabir boje

Dokumentacija

Što Možete Napraviti S Ovim Biračem Boja

Razumijevanje modela boja

RGB (Crvena, Zelena, Plava)

Heksadecimalni (Hex)

CMYK (Cijan, Magenta, Žuta, Ključna/Crna)

HSV (Ton, Zasićenje, Vrijednost)

Formule za pretvorbu boja

Pretvorba RGB u heksadecimalni zapis

Pretvorba RGB u CMYK

Pretvorba RGB u HSV

Reference i daljnje čitanje

Generator Paleta Boja - Stvaranje Harmoničnih Shema Boja

CSS Generator svojstava - Prijelazi, Sjene i Rubovi

Besplatni generator QR kodova - Trenutno kreirajte skenabilne QR kodove

Pretvarač brojnih osnova: Binarno, Heksadecimalno, Decimalno i Oktalno

Prediktor Boje Zečeva – Izračunaj Boju Krzna Mladunaca

Binarni u decimalni pretvarač | Besplatni online alat

PX u REM u EM Pretvarač – Besplatni CSS Kalkulator Jedinica

Base64 Dekoder Slika | Dekodiranje i Pregled Slika Online

Kalkulator razrjeđivanja izbjeljivača: Točni omjeri za sigorno čišćenje

Pretvarač piksela u inče - Besplatni DPI kalkulator (2025)

Kalkulator duljine bitova i bajtova - Besplatni alat za veličinu podataka

Besplatni Alat za Formatiranje Koda: Uljepšaj JavaScript, Python, HTML i Više