Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Main Styles *\/\n :root {\n --primary-color: #FD9800;\n --primary-hover: #e88a00;\n --text-color: #3A3A3A;\n --light-bg: #f8faff;\n --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n --border-color: #f1f5f9;\n }\n\n .color-spaces-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n color: var(--text-color);\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n padding: 3rem 1rem;\n margin-bottom: 3rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .hero-title {\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n margin-bottom: 2rem;\n color: var(--text-color);\n line-height: 1.6;\n }\n\n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .hero-badge {\n display: flex;\n align-items: center;\n background: white;\n border-radius: 50px;\n padding: 0.5rem 1rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .hero-badge:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .hero-badge-icon {\n color: var(--primary-color);\n margin-right: 0.5rem;\n font-size: 1rem;\n }\n\n .hero-badge-text {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .hero-buttons {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none !important;\n transition: all 0.3s ease;\n cursor: pointer;\n font-size: 1rem;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white !important;\n box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n border: none;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n .btn-secondary {\n background-color: white;\n color: var(--primary-color) !important;\n border: 1px solid var(--border-color);\n }\n\n .btn-secondary:hover {\n background-color: #fff5e6;\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n \/* Features Section *\/\n .section-title {\n font-size: 2.2rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 2.5rem;\n color: var(--text-color);\n }\n\n .section-intro {\n font-size: 1.1rem;\n text-align: center;\n margin-bottom: 2.5rem;\n color: #555;\n line-height: 1.6;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n .feature-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n height: 100%;\n display: flex;\n flex-direction: column;\n margin-bottom: 2rem;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n font-size: 1.8rem;\n transition: all 0.3s ease;\n }\n\n .feature-card:hover .feature-icon {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .feature-content {\n padding: 2rem;\n flex-grow: 1;\n }\n\n .feature-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n }\n\n .feature-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n\n .feature-check {\n color: var(--primary-color);\n margin-right: 0.75rem;\n flex-shrink: 0;\n margin-top: 0.2rem;\n }\n\n .feature-item-text {\n font-size: 0.95rem;\n color: var(--text-color);\n }\n\n \/* Steps Container *\/\n .steps-container {\n max-width: 900px;\n margin: 0 auto 3rem;\n }\n\n .step-card {\n display: flex;\n align-items: flex-start;\n background: white;\n border-radius: 16px;\n padding: 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 700;\n margin-right: 1.5rem;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .step-card:hover .step-number {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .step-content {\n flex: 1;\n }\n\n .step-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n color: var(--text-color);\n }\n\n .step-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n\n \/* Format items *\/\n .formats-container {\n background: white;\n border-radius: 16px;\n padding: 2rem;\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-color);\n margin-bottom: 3rem;\n }\n\n .formats-title {\n font-size: 1.8rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 2rem;\n color: var(--text-color);\n }\n\n .formats-subtitle {\n font-size: 1.1rem;\n text-align: center;\n margin-bottom: 2rem;\n color: #555;\n line-height: 1.6;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .format-item {\n background-color: var(--light-bg);\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 0.75rem 0.5rem;\n font-size: 0.9rem;\n text-align: center;\n color: var(--text-color);\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 2.5rem;\n }\n\n .format-item:hover {\n background-color: #fff5e6;\n border-color: var(--primary-color);\n color: var(--primary-color);\n transform: translateY(-2px);\n }\n\n \/* FAQ Section *\/\n .faq-section {\n margin-bottom: 4rem;\n }\n\n .faq-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: white;\n border-radius: 16px;\n padding: 1.5rem 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 1.5rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .faq-question {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .faq-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.2rem;\n }\n\n .faq-answer {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* CTA Section *\/\n .cta-section {\n text-align: center;\n padding: 3rem 1rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n margin-bottom: 2rem;\n }\n\n .cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Color space specific sections *\/\n .color-space-detail-section {\n margin-bottom: 4rem;\n }\n\n \/* Comparison section *\/\n .comparison-section {\n margin-bottom: 4rem;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.2rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .cta-title {\n font-size: 1.8rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .step-card {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .step-number {\n margin-bottom: 1rem;\n margin-right: 0;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n }\n \n .section-title {\n font-size: 1.6rem;\n }\n \n .feature-content {\n padding: 1.5rem;\n }\n \n .formats-container {\n padding: 1.5rem;\n }\n \n .step-card {\n padding: 1.5rem;\n }\n \n .faq-item {\n padding: 1.25rem;\n }\n }\n\n \/* Button text should never be underlined *\/\n .btn:hover, .btn:focus, .btn:active {\n text-decoration: none !important;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"color-spaces-section\">\n \n <section class=\"hero-section\">\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Razumijevanje prostora boja u digitalnim slikama<\/h1>\n <p class=\"hero-subtitle\">Istra\u017eite cjeloviti vodi\u010d za modele boja, prostore boja i njihove primjene u fotografiji, dizajnu i digitalnom slikanju. Savladajte upravljanje bojama za savr\u0161ene rezultate na svim ure\u0111ajima.<\/p>\n \n <div class=\"hero-badges\">\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-palette\"><\/i><\/span>\n <span class=\"hero-badge-text\">RGB i CMYK<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-paint-brush\"><\/i><\/span>\n <span class=\"hero-badge-text\">HSL i HSV<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-image\"><\/i><\/span>\n <span class=\"hero-badge-text\">LAB & XYZ<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-tv\"><\/i><\/span>\n <span class=\"hero-badge-text\">YCbCr & YUV<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Usporedite prostore boja<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Prakti\u010dni vodi\u010di<\/a>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intro-section\">\n <h2 class=\"section-title\">Potpuni vodi\u010d kroz prostore boja<\/h2>\n <p class=\"section-intro\">Prostori boja matemati\u010dki su modeli koji nam omogu\u0107uju predstavljanje i precizno opisivanje boja na sustavan na\u010din. Razumijevanje prostora boja bitno je za fotografe, dizajnere, video urednike i sve koji rade s digitalnim slikama. Ovaj sveobuhvatni vodi\u010d pokriva sve, od temeljnih pojmova do naprednih tehnika upravljanja bojama.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Za\u0161to su prostori boja va\u017eni<\/h3>\n <p class=\"feature-text\">Prostori boja definiraju kako se boje reproduciraju na razli\u010ditim ure\u0111ajima i medijima. Oni odre\u0111uju raspon boja (gamu) koje se mogu prikazati ili ispisati, utje\u010du\u0107i na to\u010dnost i \u017eivahnost va\u0161ih slika. Bez odgovaraju\u0107eg upravljanja prostorom boja, va\u0161i pa\u017eljivo izra\u0111eni vizualni elementi mogu izgledati druga\u010dije od predvi\u0111enih kada se gledaju na razli\u010ditim zaslonima ili tiskanim materijalima.<\/p>\n <p class=\"feature-text\">Digitalni svijet oslanja se na preciznu komunikaciju bojama. Kada snimite fotografiju, uredite sliku ili dizajnirate web stranicu, radite unutar odre\u0111enih prostora boja koji definiraju koje su vam boje dostupne i kako su matemati\u010dki predstavljene. Ovi prostori boja djeluju kao univerzalni jezik koji osigurava da je va\u0161a crvena ista crvena na tu\u0111em ekranu ili u tisku.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osigurava dosljednu reprodukciju boja na svim ure\u0111ajima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pove\u0107ava dostupni raspon boja za va\u0161 medij<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sprje\u010dava pomake boja tijekom pretvorbe formata<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Neophodan za ispis profesionalne kvalitete<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kriti\u010dno za dosljednost robne marke u digitalnim i tiskanim medijima<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"color-models-section\">\n <h2 class=\"section-title\">Razumijevanje modela boja i prostora<\/h2>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-cubes\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Modeli boja naspram prostora boja<\/h3>\n <p class=\"feature-text\">Iako se \u010desto koriste kao sinonimi, modeli boja i prostori boja razli\u010diti su pojmovi. Model boja je teorijski okvir za predstavljanje boja (poput RGB ili CMYK), dok je prostor boja specifi\u010dna implementacija modela boja s definiranim parametrima (poput sRGB ili Adobe RGB).<\/p>\n <p class=\"feature-text\">Razmislite o modelu boja kao o op\u0107em pristupu opisivanju boja, poput “pomije\u0161ajte crvenu, zelenu i plavu svjetlost da biste stvorili boje”. Prostor boja pru\u017ea odre\u0111ena pravila: to\u010dno koju nijansu crvene, zelene i plave koristiti i kako ih to\u010dno mije\u0161ati da biste dobili dosljedne rezultate.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Modeli boja definiraju okvir za predstavljanje boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Prostori boja specificiraju to\u010dne parametre unutar modela<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Unutar jednog modela mo\u017ee postojati vi\u0161e prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Prostori boja imaju definirane granice i jednad\u017ebe transformacije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-sync-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Dodatna nasuprot subtraktivnoj boji<\/h3>\n <p class=\"feature-text\">Modeli boja kategorizirani su kao aditivni ili suptraktivni, ovisno o tome kako stvaraju boje. Aditivni modeli (kao \u0161to je RGB) kombiniraju svjetlost za stvaranje boja, dok subtraktivni modeli (kao \u0161to je CMYK) rade tako \u0161to apsorbiraju valne duljine svjetlosti.<\/p>\n <p class=\"feature-text\">Temeljna razlika le\u017ei u njihovim polazi\u0161tima: aditivna boja po\u010dinje tamom (bez svjetla) i dodaje svjetlo u boji da stvori svjetlinu, dose\u017eu\u0107i bijelu kada se sve boje kombiniraju punim intenzitetom. Subtraktivna boja po\u010dinje s bijelom (poput prazne stranice) i dodaje tinte koje oduzimaju (upijaju) odre\u0111ene valne duljine, dose\u017eu\u0107i crnu kada se sve boje kombiniraju punim intenzitetom.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dodatak: RGB (zasloni, digitalni zasloni)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Subtraktivno: CMYK (ispis, fizi\u010dki medij)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razli\u010dite primjene zahtijevaju razli\u010dite pristupe<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pretvorbe boja izme\u0111u aditivnih i subtraktivnih sustava zahtijevaju slo\u017eene transformacije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-border-all\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Raspon boja i dubina bitova<\/h3>\n <p class=\"feature-text\">Raspon prostora boja odnosi se na raspon boja koje mo\u017ee predstavljati. Dubina bita odre\u0111uje koliko razli\u010ditih boja mo\u017ee biti predstavljeno unutar tog raspona. Zajedno, ovi \u010dimbenici definiraju mogu\u0107nosti prostora boja.<\/p>\n <p class=\"feature-text\">Razmi\u0161ljajte o gamu kao o paleti dostupnih boja, a o dubini bita kao o tome koliko se te boje mogu fino mije\u0161ati. Ograni\u010denom rasponu mo\u017eda u potpunosti nedostaju odre\u0111ene jarke boje, dok nedovoljna dubina bita stvara vidljive trake u gradijentima umjesto glatkih prijelaza. Profesionalni rad \u010desto zahtijeva i \u0161irok raspon i veliku bitnu dubinu za snimanje i prikaz cijelog raspona vizualnih informacija.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iri gamuti mogu predstavljati \u017eivopisnije boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ve\u0107e dubine bitova omogu\u0107uju gla\u0111e gradijente<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">8-bit = 256 razina po kanalu (16,7 milijuna boja)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">16-bit = 65,536 razina po kanalu (milijarde boja)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profesionalni rad \u010desto zahtijeva prostore \u0161irokog raspona s velikom dubinom bita<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"rgb-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">Obja\u0161njenje RGB prostora boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-desktop\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">RGB model boja<\/h3>\n <p class=\"feature-text\">RGB (crvena, zelena, plava) je aditivni model boja u kojem se crvena, zelena i plava svjetlost kombiniraju na razli\u010dite na\u010dine kako bi proizveli \u0161iroku lepezu boja. To je temelj digitalnih zaslona, \u200b\u200bod pametnih telefona do ra\u010dunalnih monitora i televizora.<\/p>\n <p class=\"feature-text\">U RGB modelu, svaki kanal boja obi\u010dno koristi 8 bita, dopu\u0161taju\u0107i 256 razina po kanalu. Ovo stvara standardnu \u200b\u200b24-bitnu dubinu boje (8 bita \u00d7 3 kanala), koja mo\u017ee prikazati pribli\u017eno 16,7 milijuna boja. Profesionalne aplikacije \u010desto koriste 10-bit (preko 1 milijarde boja) ili 16-bit (preko 281 bilijuna boja) za preciznije gradacije boja.<\/p>\n <p class=\"feature-text\">RGB se temelji na odgovoru ljudskog vizualnog sustava na svjetlost, s tri primarne boje koje otprilike odgovaraju trima vrstama receptora boja (\u010dunji\u0107a) u na\u0161im o\u010dima. To ga \u010dini prirodno prikladnim za prikaz digitalnog sadr\u017eaja, ali tako\u0111er zna\u010di da se razli\u010diti RGB prostori boja mogu znatno razlikovati u svom rasponu i karakteristikama.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">sRGB (Standardni RGB)<\/h3>\n <p class=\"step-text\">Razvili HP i Microsoft 1996. godine, sRGB je naj\u010de\u0161\u0107i prostor boja koji se koristi u digitalnim slikama, monitorima i webu. Pokriva oko 35% vidljivog spektra boja i dizajniran je da odgovara tipi\u010dnim ku\u0107nim i uredskim zaslonima.<\/p>\n <p class=\"step-text\">Unato\u010d svom relativno ograni\u010denom rasponu, sRGB ostaje standard za web sadr\u017eaj i potro\u0161a\u010dku fotografiju zbog svoje univerzalne kompatibilnosti. Ve\u0107ina ure\u0111aja kalibrirana je za ispravan prikaz sRGB prema zadanim postavkama, \u0161to ga \u010dini najsigurnijim izborom kada \u017eelite dosljedne boje na razli\u010ditim zaslonima bez upravljanja bojama.<\/p>\n <p class=\"step-text\">sRGB prostor boja namjerno je dizajniran s relativno malim rasponom kako bi odgovarao mogu\u0107nostima CRT monitora iz 1990-ih. Ovo se ograni\u010denje zadr\u017ealo u modernom web ekosustavu, iako se uz njega postupno usvajaju i noviji standardi.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zadani prostor boja za ve\u0107inu digitalnog sadr\u017eaja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osigurava dosljedan izgled na ve\u0107ini ure\u0111aja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Idealno za sadr\u017eaj temeljen na webu i op\u0107enito fotografiranje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se prema zadanim postavkama u ve\u0107ini potro\u0161a\u010dkih fotoaparata i pametnih telefona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ima gama vrijednost od pribli\u017eno 2,2<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Adobe RGB (1998.)<\/h3>\n <p class=\"step-text\">Razvio ga je Adobe Systems, Adobe RGB nudi \u0161iri raspon od sRGB-a, pokrivaju\u0107i pribli\u017eno 50% vidljivog spektra boja. Posebno je dizajniran da obuhvati ve\u0107inu boja koje se mogu posti\u0107i na CMYK pisa\u010dima u boji, \u0161to ga \u010dini vrijednim za radne tijekove proizvodnje ispisa.<\/p>\n <p class=\"step-text\">Pro\u0161irena gama Adobe RGB-a posebno je uo\u010dljiva u cijan-zelenim nijansama, koje su \u010desto skra\u0107ene u sRGB-u. To ga \u010dini popularnim me\u0111u profesionalnim fotografima i dizajnerima koji trebaju sa\u010duvati \u017eivopisne boje, posebno za ispis.<\/p>\n <p class=\"step-text\">Jedna od klju\u010dnih prednosti Adobe RGB-a je njegova sposobnost predstavljanja \u0161ireg raspona zasi\u0107enih boja u zeleno-cijan podru\u010dju, \u0161to je va\u017eno za pejza\u017enu fotografiju i prirodu. Me\u0111utim, ova se prednost ostvaruje samo kada cijeli tijek rada (snimanje, ure\u0111ivanje i izlaz) podr\u017eava Adobe RGB prostor boja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iri raspon od sRGB-a, posebno u zelenoj i cijan boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Bolje za radne tijekove ispisne proizvodnje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Preferiraju ga mnogi profesionalni fotografi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dostupno kao opcija snimanja u vrhunskim kamerama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za ispravan prikaz potrebno je upravljanje bojama<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">ProPhoto RGB<\/h3>\n <p class=\"step-text\">Razvio Kodak, ProPhoto RGB (tako\u0111er poznat kao ROMM RGB) jedan je od najve\u0107ih RGB prostora boja, koji obuhva\u0107a pribli\u017eno 90% vidljivih boja. Prote\u017ee se izvan dometa ljudskog vida u nekim podru\u010djima, dopu\u0161taju\u0107i mu da sa\u010duva gotovo sve boje koje kamera mo\u017ee uhvatiti.<\/p>\n <p class=\"step-text\">Zbog svog ogromnog raspona, ProPhoto RGB zahtijeva ve\u0107e bitne dubine (16-bita po kanalu umjesto 8-bita) kako bi se izbjeglo vezivanje u gradijentima. Prvenstveno se koristi u radnim procesima profesionalne fotografije, posebno za arhivske svrhe i vrhunski ispis.<\/p>\n <p class=\"step-text\">ProPhoto RGB standardni je radni prostor u Adobe Lightroomu i \u010desto se preporu\u010duje za o\u010duvanje maksimalnih informacija o boji tijekom sirovog procesa razvoja. Toliko je velik da su neke od njegovih boja “imaginarne” (izvan ljudskog vida), ali to osigurava da se boje snimljene kamerom ne isje\u010du tijekom ure\u0111ivanja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izuzetno \u0161irok raspon koji pokriva ve\u0107inu vidljivih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cuva boje snimljene vrhunskim kamerama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zahtijeva 16-bitni tijek rada za sprje\u010davanje povezivanja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zadani radni prostor u Adobe Lightroomu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nije prikladno za kona\u010dne formate isporuke bez konverzije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Prikaz P3<\/h3>\n <p class=\"step-text\">Razvio ga je Apple, Display P3 temelji se na DCI-P3 prostoru boja koji se koristi u digitalnom kinu. Nudi oko 25% ve\u0107u pokrivenost bojama od sRGB-a, osobito u crvenoj i zelenoj boji, zbog \u010dega slike izgledaju \u017eivopisnije i realisti\u010dnije.<\/p>\n <p class=\"step-text\">Zaslon P3 stekao je zna\u010dajnu popularnost budu\u0107i da ga podr\u017eavaju Appleovi ure\u0111aji, uklju\u010duju\u0107i iPhone, iPad i Macove sa zaslonima \u0161irokog raspona. Predstavlja sredinu izme\u0111u sRGB-a i \u0161irih prostora kao \u0161to je Adobe RGB, nude\u0107i pobolj\u0161ane boje uz odr\u017eavanje razumne kompatibilnosti.<\/p>\n <p class=\"step-text\">P3 prostor boja izvorno je razvijen za digitalnu kino projekciju (DCI-P3), ali ga je Apple prilagodio tehnologiji prikaza kori\u0161tenjem D65 bijele to\u010dke (isto kao sRGB) umjesto DCI bijele to\u010dke. To ga \u010dini prikladnijim za okru\u017eenja s mje\u0161ovitim medijima, a istovremeno pru\u017ea znatno \u017eivlje boje od sRGB-a.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iroka paleta s izvrsnom pokriveno\u0161\u0107u crvenih i zelenih tonova<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izvorno na Appleovim Retina zaslonima i mobilnim ure\u0111ajima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Rastu\u0107a podr\u0161ka na svim digitalnim platformama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi istu bijelu to\u010dku (D65) kao sRGB<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Postaje sve va\u017eniji za moderni web i dizajn aplikacija<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Rec.2020 (BT.2020)<\/h3>\n <p class=\"step-text\">Razvijen za televiziju ultra visoke razlu\u010divosti (UHDTV), Rec.2020 obuhva\u0107a vi\u0161e od 75% vidljivih boja. Znatno je ve\u0107i od sRGB-a i Adobe RGB-a, pru\u017eaju\u0107i iznimnu reprodukciju boja za 4K i 8K sadr\u017eaj.<\/p>\n <p class=\"step-text\">Iako nekoliko zaslona trenuta\u010dno mo\u017ee reproducirati puni raspon Rec.2020, on slu\u017ei kao standard koji gleda u budu\u0107nost za vrhunsku video produkciju i mastering. Kako tehnologija zaslona napreduje, sve vi\u0161e ure\u0111aja pristupa ovom ekspanzivnom prostoru boja.<\/p>\n <p class=\"step-text\">Rec.2020 je dio me\u0111unarodnog standarda za Ultra HDTV i koristi se u kombinaciji s tehnologijama visokog dinami\u010dkog raspona (HDR) kao \u0161to su HDR10 i Dolby Vision. Njegov iznimno \u0161iroki raspon koristi monokromatske primarne boje (467 nm plava, 532 nm zelena i 630 nm crvena) koje su blizu ruba vidljivog spektra, \u0161to mu omogu\u0107uje da obuhvati gotovo sve boje koje ljudi mogu uo\u010diti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Vrlo \u0161irok raspon za sadr\u017eaj ultra visoke razlu\u010divosti<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Standard otporan na budu\u0107nost za nove tehnologije zaslona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u radnim procesima profesionalne videoprodukcije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dio HDR ekosustava za video sljede\u0107e generacije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Trenuta\u010dno nijedan zaslon ne mo\u017ee reproducirati potpuni raspon Rec.2020<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"cmyk-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">CMYK prostori boja i proizvodnja ispisa<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-print\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">CMYK model boja<\/h3>\n <p class=\"feature-text\">CMYK (Cyan, Magenta, Yellow, Key\/Black) je subtraktivni model boja koji se prvenstveno koristi u ispisu. Za razliku od RGB-a, koji dodaje svjetlost za stvaranje boja, CMYK funkcionira tako da apsorbira (oduzima) odre\u0111ene valne duljine od bijelog svjetla, koriste\u0107i tinte na papiru ili drugim podlogama.<\/p>\n <p class=\"feature-text\">Raspon CMYK-a obi\u010dno je manji od RGB prostora boja, zbog \u010dega \u017eivopisne digitalne slike ponekad izgledaju dosadnije kada se ispisuju. Razumijevanje odnosa izme\u0111u RGB i CMYK klju\u010dno je za dizajnere i fotografe koji stvaraju sadr\u017eaj za digitalne i tiskane medije.<\/p>\n <p class=\"feature-text\">U teoriji, kombiniranje cijan, magenta i \u017eute u punoj snazi \u200b\u200btrebalo bi proizvesti crnu, ali zbog ne\u010disto\u0107a u stvarnim tintama, to obi\u010dno rezultira mutno tamno sme\u0111om bojom. Zato je dodana zasebna crna (K) tinta, koja daje pravu crnu boju i pobolj\u0161ava detalje u sjeni. “K” je kratica za “Klju\u010d” jer crna plo\u010da pru\u017ea klju\u010dne detalje i poravnanje za ostale boje u tradicionalnom tisku.<\/p>\n <p class=\"feature-text\">Razli\u010dite vrste papira, metode ispisa i formulacije tinte mogu dramati\u010dno utjecati na izgled CMYK boja u kona\u010dnom ispisu. Zbog toga se radni procesi profesionalnog ispisa uvelike oslanjaju na upravljanje bojama i standardizirane CMYK specifikacije prilago\u0111ene odre\u0111enim proizvodnim okru\u017eenjima.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-file-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Standardni CMYK prostori boja<\/h3>\n <p class=\"feature-text\">Za razliku od RGB-a, koji ima jasno definirane prostore boja kao \u0161to su sRGB i Adobe RGB, CMYK prostori boja uvelike variraju ovisno o uvjetima ispisa, vrsti papira i formulaciji tinte. Neki uobi\u010dajeni CMYK standardi uklju\u010duju:<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>U.S. Web Coated (SWOP) v2<\/strong> – Standard za ofsetni tisak u Sjevernoj Americi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Oblo\u017eeni FOGRA39 (ISO 12647-2:2004)<\/strong> – Europski standard za premazani papir<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Japanska boja 2001 s premazom<\/strong> – Standard za offset tisak u Japanu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>GRACoL 2006 Oblo\u017eeno<\/strong> – Specifikacije za visokokvalitetni komercijalni tisak<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>FOGRA27<\/strong> – Standard za premazani papir u Europi (starija verzija)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>US Sheetfed Coated v2<\/strong> – Za arakni ofsetni tisak na premazani papir<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>U.S. bez premaza v2<\/strong> – Za tisak na nepremazane papire<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>FOGRA47<\/strong> – Za nepremazani papir u Europi<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Konverzija RGB u CMYK<\/h3>\n <p class=\"feature-text\">Pretvaranje iz RGB u CMYK uklju\u010duje i matemati\u010dku transformaciju boja i mapiranje raspona, budu\u0107i da CMYK ne mo\u017ee reproducirati sve RGB boje. Ovaj proces, poznat kao pretvorba boja, klju\u010dni je aspekt tijeka rada profesionalnog ispisa.<\/p>\n <p class=\"feature-text\">Pretvorba RGB u CMYK slo\u017eena je jer se transformira iz aditiva u subtraktivni model boja dok istovremeno preslikava boje iz \u0161ireg raspona u manji. Bez odgovaraju\u0107eg upravljanja bojama, jarke plave i zelene u RGB-u mogu postati dosadne i mutne u CMYK-u, crvene se mogu pomaknuti prema naran\u010dastoj, a suptilne varijacije boja mogu se izgubiti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za to\u010dnost su potrebni sustavi upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za najbolje rezultate potrebno je izvr\u0161iti pomo\u0107u ICC profila<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto mijenja izgled \u017eivih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Najbolja izvedba kasno u tijeku proizvodnje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Soft proofing mo\u017ee pregledati CMYK izgled na RGB zaslonima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razli\u010dite namjere prikazivanja stvaraju razli\u010dite rezultate<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-paint-roller\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Spot boje i pro\u0161ireni raspon<\/h3>\n <p class=\"feature-text\">Kako bi se prevladala ograni\u010denja CMYK-a, ispis \u010desto uklju\u010duje spot boje (kao \u0161to je Pantone) ili sustave pro\u0161irenog raspona koji dodaju naran\u010dastu, zelenu i ljubi\u010dastu tintu (CMYK+OGV) kako bi se pro\u0161irio raspon boja koje se mogu reproducirati.<\/p>\n <p class=\"feature-text\">Spot boje su posebno mije\u0161ane tinte koje se koriste za to\u010dno podudaranje boja, posebno za elemente brendiranja poput logotipa. Za razliku od CMYK procesnih boja koje se stvaraju kombiniranjem to\u010daka \u010detiri standardne tinte, spot boje su unaprijed pomije\u0161ane u to\u010dnu formulu, \u010dime se osigurava savr\u0161ena dosljednost na svim tiskanim materijalima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pantone Matching System pru\u017ea standardizirane spot boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ispis pro\u0161irenog raspona pribli\u017eava se RGB rasponu boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Hexachrome i drugi sustavi dodaju dodatne primarne tinte<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kriti\u010dno za to\u010dnost boja marke u pakiranju i marketingu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sustavi CMYK + naran\u010dasta, zelena, ljubi\u010dasta (7 boja) mogu reproducirati do 90% Pantone boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Suvremeni digitalni tiskarski strojevi \u010desto podr\u017eavaju ispis pro\u0161irenog raspona<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"lab-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">Prostori boja neovisni o laboratoriju i ure\u0111aju<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Modeli boja neovisni o ure\u0111aju<\/h3>\n <p class=\"feature-text\">Za razliku od RGB i CMYK, koji ovise o ure\u0111aju (njihov izgled varira ovisno o hardveru), prostori boja neovisni o ure\u0111aju kao \u0161to su CIE L*a*b* (Lab) i CIE XYZ imaju za cilj opisati boje onako kako ih percipira ljudsko oko, bez obzira na to kako su prikazane ili reproducirane.<\/p>\n <p class=\"feature-text\">Ti prostori boja slu\u017ee kao temelj modernih sustava upravljanja bojama, djeluju\u0107i kao “univerzalni prevoditelj” izme\u0111u razli\u010ditih ure\u0111aja i modela boja. Temelje se na znanstvenom razumijevanju ljudske percepcije boja, a ne na mogu\u0107nostima ure\u0111aja.<\/p>\n <p class=\"feature-text\">Prostori boja neovisni o ure\u0111aju bitni su jer pru\u017eaju stabilnu referentnu to\u010dku u radnim tijekovima upravljanja bojama. Dok iste RGB vrijednosti mogu izgledati druga\u010dije na razli\u010ditim monitorima, laboratorijska vrijednost boje predstavlja istu percipiranu boju bez obzira na ure\u0111aj. Zbog toga Lab slu\u017ei kao Profile Connection Space (PCS) u ICC upravljanju bojama, olak\u0161avaju\u0107i to\u010dne pretvorbe izme\u0111u razli\u010ditih prostora boja.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE XYZ prostor boja<\/h3>\n <p class=\"step-text\">Prostor boja XYZ koji je 1931. stvorilo Me\u0111unarodno povjerenstvo za osvjetljenje (CIE), bio je prvi matemati\u010dki definiran prostor boja. Obuhva\u0107a sve boje vidljive prosje\u010dnom ljudskom oku i slu\u017ei kao temelj za druge prostore boja.<\/p>\n <p class=\"step-text\">U XYZ, Y predstavlja svjetlinu, dok su X i Z apstraktne vrijednosti povezane s kromatskim komponentama boje. Ovaj se prostor prvenstveno koristi kao referentni standard, a rijetko za izravno kodiranje slike. Ostaje fundamentalan za znanost o bojama i osnova za transformacije boja.<\/p>\n <p class=\"step-text\">CIE XYZ prostor boja izveden je iz niza eksperimenata o ljudskoj percepciji boja. Istra\u017eiva\u010di su mapirali kako prosje\u010dna osoba percipira razli\u010dite valne duljine svjetlosti, stvaraju\u0107i ono \u0161to je poznato kao CIE 1931 prostor boja, koji uklju\u010duje poznati kromatski dijagram “u obliku potkove” koji mapira sve mogu\u0107e boje vidljive ljudima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temelj znanstvenog mjerenja boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Obuhva\u0107a sve boje vidljive ljudima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se kao referenca za transformacije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju mjerenja ljudske percepcije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razvijeno kori\u0161tenjem standardnog modela promatra\u010da<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE L*a*b* (Lab) Prostor boja<\/h3>\n <p class=\"step-text\">Razvijen 1976., CIE L*a*b* (\u010desto jednostavno nazivan “Lab”) dizajniran je da bude perceptivno ujedna\u010den, \u0161to zna\u010di da jednake udaljenosti u prostoru boja odgovaraju otprilike jednakim percipiranim razlikama u boji. To ga \u010dini idealnim za mjerenje razlika u boji i izvo\u0111enje korekcija boja.<\/p>\n <p class=\"step-text\">U Lab, L* predstavlja svjetlinu (0-100), a* predstavlja zeleno-crvenu os, a b* predstavlja plavo-\u017eutu os. Ovo odvajanje svjetline od informacija o boji \u010dini Lab posebno korisnim za zadatke ure\u0111ivanja slika poput pode\u0161avanja kontrasta bez utjecaja na boje.<\/p>\n <p class=\"step-text\">Uniformnost opa\u017eanja laboratorija \u010dini ga neprocjenjivim za korekciju boja i kontrolu kvalitete. Ako dvije boje imaju malu broj\u010danu razliku u laboratorijskim vrijednostima, ljudskim \u0107e promatra\u010dima izgledati samo neznatno druga\u010dije. Ovo svojstvo nije istinito za RGB ili CMYK, gdje ista broj\u010dana razlika mo\u017ee rezultirati dramati\u010dno razli\u010ditim percipiranim promjenama ovisno o tome gdje se boje nalaze u prostoru boja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Perceptivno ujedna\u010deno za to\u010dno mjerenje boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Odvaja svjetlost od informacije o boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se za napredno ure\u0111ivanje slika i korekciju boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osnovna komponenta ICC radnih procesa upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Mo\u017ee izraziti boje izvan raspona RGB i CMYK<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se za izra\u010dun razlike u boji Delta-E<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE L*u*v* Prostor boja<\/h3>\n <p class=\"step-text\">CIE L*u*v* razvijen je uz L*a*b* kao alternativni perceptualno ujedna\u010deni prostor boja. Posebno je koristan za aplikacije koje uklju\u010duju aditivno mije\u0161anje boja i prikaze, dok se L*a*b* \u010desto preferira za subtraktivne sustave boja kao \u0161to je ispis.<\/p>\n <p class=\"step-text\">Kao i Lab, L*u*v* koristi L* za svjetlinu, dok su u* i v* koordinate kromati\u010dnosti. Ovaj prostor boja se obi\u010dno koristi u sustavima televizijskog emitiranja i izra\u010dunima razlike u boji za tehnologije prikaza.<\/p>\n <p class=\"step-text\">Jedna klju\u010dna razlika izme\u0111u L*a*b* i L*u*v* je ta \u0161to je L*u*v* posebno dizajniran za bolje rukovanje emisijskim bojama i osvjetljenjem. Uklju\u010duje mogu\u0107nost predstavljanja boja u smislu koordinata kromati\u010dnosti koje se lako mogu povezati s dijagramima kromati\u010dnosti koji se koriste u kolorimetriji i dizajnu rasvjete.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pogodan za primjene aditivnih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u industriji televizije i emitiranja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107uje ujedna\u010dena mjerenja razlike u boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Bolje za emisione boje i dizajn rasvjete<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Uklju\u010duje korelirano mapiranje temperature boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"hsl-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">HSL, HSV i perceptivni prostori boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-adjust\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Intuitivno predstavljanje boja<\/h3>\n <p class=\"feature-text\">Dok RGB i CMYK opisuju boje u smislu mije\u0161anja primarnih boja, HSL (Hue, Saturation, Lightness) i HSV\/HSB (Hue, Saturation, Value\/Brightness) predstavljaju boje na na\u010din koji je intuitivniji u odnosu na to kako ljudi razmi\u0161ljaju o boji.<\/p>\n <p class=\"feature-text\">Ovi prostori odvajaju komponente boje (nijanse) od atributa intenziteta (zasi\u0107enost i svjetlina\/svjetlina), \u0161to ih \u010dini posebno korisnim za odabir boja, dizajn korisni\u010dkog su\u010delja i umjetni\u010dke aplikacije gdje su intuitivne prilagodbe boja va\u017ene.<\/p>\n <p class=\"feature-text\">Klju\u010dna prednost HSL-a i HSV-a je to \u0161to su vi\u0161e uskla\u0111eni s na\u010dinom na koji ljudi prirodno razmi\u0161ljaju o bojama i opisuju ih. Kada netko \u017eeli stvoriti “tamniju plavu” ili “\u017eivlju crvenu”, razmi\u0161lja o nijansi, zasi\u0107enosti i svjetlini\u2014ne o RGB vrijednostima. To je razlog za\u0161to bira\u010di boja u softveru za dizajn \u010desto predstavljaju i RGB kliza\u010de i HSL\/HSV opcije.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-palette\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HSL prostor boja<\/h3>\n <p class=\"feature-text\">HSL predstavlja boje u cilindri\u010dnom koordinatnom sustavu, pri \u010demu nijansa kao kut (0-360\u00b0) predstavlja vrstu boje, zasi\u0107enost (0-100%) ozna\u010dava intenzitet boje, a svjetlina (0-100%) opisuje koliko je boja svijetla ili tamna.<\/p>\n <p class=\"feature-text\">HSL je posebno koristan za dizajnerske aplikacije jer se njegovi parametri intuitivno preslikavaju na na\u010din na koji opisujemo boje. \u0160iroko se koristi u web razvoju putem CSS-a, gdje se boje mogu odrediti pomo\u0107u funkcije hsl(). To \u010dini stvaranje shema boja i pode\u0161avanje boja za razli\u010dita stanja su\u010delja (lebdjenje, aktivno itd.) mnogo intuitivnijim.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nijansa: Osnovna boja (crvena, \u017euta, zelena, itd.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zasi\u0107enost: Intenzitet boje od sive (0%) do \u010diste boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Svjetlina: Svjetlina od crne (0%) preko boje do bijele (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Uobi\u010dajeno u web dizajnu i CSS specifikacijama boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Maksimalna svjetlina (100%) uvijek proizvodi bijelu boju bez obzira na nijansu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Simetri\u010dni model srednje svjetline (50%) za \u010diste boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-fill-drip\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HSV\/HSB prostor boja<\/h3>\n <p class=\"feature-text\">HSV (koji se naziva i HSB) sli\u010dan je HSL-u, ali koristi vrijednost\/svjetlinu umjesto svjetline. U HSV-u maksimalna svjetlina (100%) daje punu boju bez obzira na zasi\u0107enost, dok u HSL-u maksimalna svjetlina uvijek daje bijelu boju.<\/p>\n <p class=\"feature-text\">HSV model \u010desto se preferira u su\u010deljima za odabir boja jer se intuitivnije preslikava na na\u010din na koji umjetnici mije\u0161aju boje s bojom\u2014po\u010dev\u0161i od crne (bez svjetla\/vrijednosti) i dodaju\u0107i pigment za stvaranje boja sve ve\u0107e svjetline. Posebno je intuitivan za stvaranje nijansi i tonova boje uz zadr\u017eavanje njezine percipirane nijanse.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nijansa: Osnovna boja (crvena, \u017euta, zelena, itd.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zasi\u0107enost: Intenzitet boje od bijele\/sive (0%) do \u010diste boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Vrijednost\/svjetlina: Intenzitet od crne (0%) do pune boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto se koristi u bira\u010dima boja softvera za grafi\u010dki dizajn<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Najve\u0107a vrijednost (100%) proizvodi najintenzivniju punu boju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Intuitivnije za stvaranje nijansi i tonova<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Munsell sustav boja<\/h3>\n <p class=\"feature-text\">Munsell sustav je povijesni perceptivni prostor boja koji organizira boje u tri dimenzije: nijansu, vrijednost (svjetlo\u0107u) i chroma (\u010disto\u0107u boje). Stvoren je kako bi pru\u017eio organiziranu metodu za opisivanje boja na temelju ljudske percepcije.<\/p>\n <p class=\"feature-text\">Ovaj sustav, koji je po\u010detkom 20. stolje\u0107a razvio profesor Albert H. Munsell, bio je revolucionaran jer je bio jedan od prvih koji je organizirao boje na temelju perceptivne uniformnosti, a ne fizi\u010dkih svojstava. Za razliku od modernih digitalnih prostora boja, bio je to fizi\u010dki sustav koji je koristio oslikane \u010dipove u boji raspore\u0111ene u trodimenzionalnom prostoru.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Starije od digitalnih modela boja, ali se jo\u0161 uvijek koristi u nekim podru\u010djima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utjecao na razvoj moderne teorije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Jo\u0161 uvijek se koristi u klasifikaciji tla, likovnom obrazovanju i analizi boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temeljeno na perceptivnom razmaku, a ne na matemati\u010dkim formulama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Organizira boje u strukturu poput stabla s nijansama koje zra\u010de iz sredi\u0161nje osi<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-bezier-curve\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HCL prostor boja<\/h3>\n <p class=\"feature-text\">HCL (Hue, Chroma, Luminance) je perceptualno ujedna\u010den prostor boja koji kombinira intuitivnu prirodu HSL-a s perceptivnom ujedna\u010deno\u0161\u0107u Laba. Posebno je koristan za stvaranje paleta boja i gradijenata koji izgledaju dosljedno u percipiranoj svjetlini i zasi\u0107enosti.<\/p>\n <p class=\"feature-text\">Iako nije toliko \u0161iroko implementiran u softveru kao HSL ili HSV, HCL (tako\u0111er nazvan LCh kada su parametri druga\u010dije poredani) postaje sve popularniji za vizualizaciju i dizajn podataka jer stvara percepcijski dosljednije ljestvice boja. Ovo je osobito va\u017eno za vizualizaciju podataka gdje se boja koristi za predstavljanje vrijednosti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Perceptivno jednolik za razliku od HSL\/HSV<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izvrsno za stvaranje dosljednih ljestvica boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju Lab prostora boja, ali s polarnim koordinatama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sve se vi\u0161e koristi u vizualizaciji podataka i dizajnu informacija<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Stvara skladnije i uravnote\u017eenije sheme boja<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"video-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">YCbCr i video prostori boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-film\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Razdvajanje svjetline-krominacije<\/h3>\n <p class=\"feature-text\">Sustavi kompresije videa i slike \u010desto koriste prostore boja koji odvajaju svjetlinu (svjetlinu) od informacije o boji (boji). Ovaj pristup iskori\u0161tava ve\u0107u osjetljivost ljudskog vizualnog sustava na detalje svjetline nego na varijacije boja.<\/p>\n <p class=\"feature-text\">Kodiranjem svjetline u vi\u0161oj razlu\u010divosti od komponenti boje, ovi prostori omogu\u0107uju zna\u010dajnu kompresiju podataka uz odr\u017eavanje percipirane kvalitete slike. Ovo je temelj ve\u0107ine digitalnih video formata i tehnologija kompresije.<\/p>\n <p class=\"feature-text\">Ljudski vizualni sustav mnogo je osjetljiviji na promjene svjetline nego na promjene boje. Ova biolo\u0161ka \u010dinjenica iskori\u0161tava se u kompresiji videa tako \u0161to se ve\u0107a propusnost posve\u0107uje informacijama o svjetlini nego boji. Ovaj pristup, koji se naziva chroma subsampling, mo\u017ee smanjiti veli\u010dinu datoteke za 50% ili vi\u0161e uz zadr\u017eavanje vizualne kvalitete koja izgleda gotovo identi\u010dno nekomprimiranom izvoru.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">YCbCr prostor boja<\/h3>\n <p class=\"step-text\">YCbCr je naj\u010de\u0161\u0107i prostor boja koji se koristi u kompresiji digitalnog videa i slike. Y predstavlja svjetlinu, dok su Cb i Cr komponente boje razlike u plavoj i crvenoj boji. Ovaj je prostor usko povezan s YUV-om, ali prilago\u0111en digitalnim sustavima.<\/p>\n <p class=\"step-text\">JPEG slike, MPEG video zapisi i ve\u0107ina digitalnih video formata koriste YCbCr kodiranje. Standardna praksa “poduzorkovanja boje” (smanjenje razlu\u010divosti Cb i Cr kanala) u ovim je formatima mogu\u0107a zbog odvajanja svjetline i boje.<\/p>\n <p class=\"step-text\">Poduzorkovanje krome obi\u010dno se izra\u017eava kao omjer tri broja, kao \u0161to je 4:2:0 ili 4:2:2. U poduzorkovanju 4:2:0 (uobi\u010dajeno u strujanju videa), za svaka \u010detiri uzorka svjetline postoje samo dva vodoravna uzorka boje i nijedan okomito. To smanjuje razlu\u010divost boja na jednu \u010detvrtinu razlu\u010divosti osvjetljenja, zna\u010dajno smanjuju\u0107i veli\u010dinu datoteke uz zadr\u017eavanje izvrsne percipirane kvalitete.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u gotovo svim digitalnim video formatima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temelj kompresije JPEG slike<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107uje u\u010dinkovito poduzorkovanje boje (4:2:0, 4:2:2, 4:4:4)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za razli\u010dite video standarde postoje razli\u010dite varijante<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u kodecima H.264, H.265, VP9 i AV1<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">YUV prostor boja<\/h3>\n <p class=\"step-text\">YUV je razvijen za analogne televizijske sustave kako bi se omogu\u0107ila kompatibilnost unatrag izme\u0111u emitiranja u boji i crno-bijelog emitiranja. Poput YCbCr, odvaja svjetlinu (Y) od komponenti boje (U i V).<\/p>\n <p class=\"step-text\">Dok se YUV \u010desto kolokvijalno koristi za ozna\u010davanje bilo kojeg formata svjetline i boje, pravi YUV specifi\u010dan je za standarde analogne televizije. Moderni digitalni sustavi op\u0107enito koriste YCbCr, iako se pojmovi \u010desto brkaju ili koriste kao sinonimi.<\/p>\n <p class=\"step-text\">Izvorni razvoj YUV-a bio je izvanredno in\u017eenjersko postignu\u0107e koje je rije\u0161ilo izazov emitiranja TV signala u boji uz zadr\u017eavanje kompatibilnosti s postoje\u0107im crno-bijelim televizorima. Kodiranjem informacija o boji na na\u010din koji bi crno-bijeli televizori zanemarili, in\u017eenjeri su stvorili sustav u kojem se jedno emitiranje mo\u017ee gledati na obje vrste setova.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Povijesna va\u017enost u razvoju televizijskog emitiranja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto se pogre\u0161no koristi kao op\u0107i izraz za YCbCr<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Postoje razli\u010dite varijante za razli\u010dite analogne TV standarde<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sustavi PAL, NTSC i SECAM koristili su razli\u010dite YUV implementacije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107ena kompatibilnost unatrag s crno-bijelom televizijom<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Rec.709 i HD Video<\/h3>\n <p class=\"step-text\">Rec.709 (ITU-R preporuka BT.709) definira prostor boja i parametre kodiranja za televiziju visoke razlu\u010divosti. Odre\u0111uje i primarne RGB i YCbCr kodiranje za HD sadr\u017eaj, s rasponom sli\u010dnim sRGB-u.<\/p>\n <p class=\"step-text\">Ovaj standard osigurava dosljednost u HD video produkciji i prikazu na razli\u010ditim ure\u0111ajima i sustavima emitiranja. Uklju\u010duje specifikacije za primarne boje, funkcije prijenosa (gama) i matri\u010dne koeficijente za pretvorbu RGB u YCbCr.<\/p>\n <p class=\"step-text\">Rec.709 uspostavljen je 1990-ih kao standard za HDTV, odre\u0111uju\u0107i ne samo prostor boja, ve\u0107 i broj sli\u010dica u sekundi, razlu\u010divost i omjere slike. Njegova gama krivulja malo se razlikuje od sRGB-a, iako dijele iste primarne boje. Iako je Rec.709 bio revolucionaran za svoje vrijeme, noviji standardi kao \u0161to su Rec.2020 i HDR formati pru\u017eaju zna\u010dajno \u0161ire raspone boja i dinami\u010dki raspon.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Standardni prostor boja za HD televiziju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Raspon sli\u010dan sRGB-u, ali s druga\u010dijim kodiranjem<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u Blu-ray diskovima i HD emisijama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Definira specifi\u010dnu nelinearnu prijenosnu funkciju (gama)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nadopunjen HDR standardima kao \u0161to su PQ i HLG<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Video visokog dinami\u010dkog raspona<\/h3>\n <p class=\"step-text\">High Dynamic Range (HDR) video pro\u0161iruje i raspon boja i raspon svjetline tradicionalnog videa. Standardi poput HDR10, Dolby Vision i HLG (Hybrid Log-Gamma) definiraju kako se ovaj pro\u0161ireni raspon kodira i prikazuje.<\/p>\n <p class=\"step-text\">HDR video obi\u010dno koristi nove prijenosne funkcije (EOTF) poput PQ (Perceptual Quantizer, standardiziran kao SMPTE ST 2084) koje mogu predstavljati puno \u0161iri raspon razina svjetline od tradicionalnih gama krivulja. U kombinaciji sa \u0161irokim rasponom boja poput P3 ili Rec.2020, ovo stvara puno realisti\u010dnije i impresivnije iskustvo gledanja.<\/p>\n <p class=\"step-text\">Razlika izme\u0111u SDR i HDR sadr\u017eaja je dramati\u010dna – HDR mo\u017ee prikazati sve, od dubokih sjena do svijetlih svjetla u jednom kadru, sli\u010dno kao \u0161to ljudsko oko percipira stvarne scene. Ovo eliminira potrebu za kompromisima u ekspoziciji i dinami\u010dkom rasponu koji su bili nu\u017eni kroz povijest filma i videa.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pro\u0161iruje raspon boja i raspon svjetline<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi nove funkcije prijenosa kao \u0161to su PQ i HLG<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HDR10 pru\u017ea 10-bitnu boju sa stati\u010dkim metapodacima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dolby Vision nudi 12-bitnu boju s metapodacima scenu po scenu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HLG je dizajniran za kompatibilnost s emitiranjem<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"color-comparison\" class=\"comparison-section\">\n <h2 class=\"section-title\">Usporedba uobi\u010dajenih prostora boja<\/h2>\n \n <div class=\"formats-container\">\n <h3 class=\"formats-title\">Prostori boja na prvi pogled<\/h3>\n <p class=\"formats-subtitle\">Ova usporedba isti\u010de klju\u010dne karakteristike i slu\u010dajeve upotrebe za naj\u010de\u0161\u0107e prostore boja. Razumijevanje ovih razlika klju\u010dno je za odabir pravog prostora boja za va\u0161e specifi\u010dne potrebe.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Usporedba RGB prostora boja<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>sRGB:<\/strong> Najmanji raspon, standard za web, univerzalna kompatibilnost<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Adobe RGB:<\/strong> \u0160iri raspon, bolji za ispis, posebno u zeleno-cijan podru\u010djima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Prikaz P3:<\/strong> Pobolj\u0161ane crvene i zelene boje, koje koriste Apple ure\u0111aji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>ProPhoto RGB:<\/strong> Izuzetno \u0161irok raspon, zahtijeva 16-bitnu dubinu, idealan za fotografiju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Preporuka 2020.:<\/strong> Ultra-\u0161irok raspon za 4K\/8K video, standard usmjeren na budu\u0107nost<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Karakteristike prostora boja<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>CMYK:<\/strong> Subtraktivan, orijentiran na ispis, manji raspon od RGB-a<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>laboratorij:<\/strong> Neovisan o ure\u0111aju, perceptivno ujedna\u010den, najve\u0107i raspon<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>HSL\/HSV:<\/strong> Intuitivan odabir boja, nije perceptivno ujedna\u010den<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>YCbCr:<\/strong> Odvaja svjetlinu od boje, optimiziran za kompresiju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>XYZ:<\/strong> Referentni prostor za znanost o boji, ne koristi se izravno za slike<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Preporuke za slu\u010dajeve uporabe<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Web i digitalni sadr\u017eaj:<\/strong> sRGB ili zaslon P3 (s rezervnim sRGB-om)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Profesionalno fotografiranje:<\/strong> Adobe RGB ili ProPhoto RGB u 16-bitnom formatu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Izrada tiska:<\/strong> Adobe RGB za radni prostor, CMYK profil za izlaz<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Video produkcija:<\/strong> Rec.709 za HD, Rec.2020 za UHD\/HDR<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Digitalna umjetnost i dizajn:<\/strong> Adobe RGB ili Display P3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Korekcija boja:<\/strong> Laboratorij za prilagodbe neovisne o ure\u0111aju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>UI\/UX dizajn:<\/strong> HSL\/HSV za intuitivan odabir boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Video kompresija:<\/strong> YCbCr s odgovaraju\u0107im poduzorkovanjem boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"practical-guides\" class=\"practical-section\">\n <h2 class=\"section-title\">Prakti\u010dno upravljanje prostorom boja<\/h2>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-cogs\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Sustavi upravljanja bojom<\/h3>\n <p class=\"feature-text\">Sustavi upravljanja bojama (CMS) osiguravaju dosljednu reprodukciju boja na razli\u010ditim ure\u0111ajima pomo\u0107u profila ure\u0111aja i transformacija prostora boja. Neophodni su za profesionalne tijekove rada u fotografiji, dizajnu i ispisu.<\/p>\n <p class=\"feature-text\">Temelj modernog upravljanja bojama je sustav profila ICC (International Color Consortium). Ovi profili opisuju karakteristike boja odre\u0111enih ure\u0111aja ili prostora boja, omogu\u0107uju\u0107i to\u010dne prijevode me\u0111u njima. Bez odgovaraju\u0107eg upravljanja bojama, iste RGB vrijednosti mogu izgledati dramati\u010dno druga\u010dije na razli\u010ditim ure\u0111ajima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju ICC profila koji karakteriziraju pona\u0161anje boja ure\u0111aja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi profile neovisne o ure\u0111aju (kao \u0161to je Lab) kao prostor za razmjenu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Rukuje mapiranjem raspona za razli\u010dite odredi\u0161ne prostore<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pru\u017ea namjere prikazivanja za razli\u010dite ciljeve konverzije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Podr\u017eava i vezu ure\u0111aja i transformacije u vi\u0161e koraka<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-desktop\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Kalibracija zaslona<\/h3>\n <p class=\"feature-text\">Kalibracija monitora je temelj upravljanja bojama, osiguravaju\u0107i da va\u0161 zaslon to\u010dno predstavlja boje. Bez kalibriranog monitora, svi ostali napori upravljanja bojama mogu biti potkopani.<\/p>\n <p class=\"feature-text\">Kalibracija uklju\u010duje pode\u0161avanje postavki va\u0161eg monitora i stvaranje ICC profila koji ispravlja sva odstupanja od standardnog pona\u0161anja boja. Ovaj postupak obi\u010dno zahtijeva hardverski kolorimetar ili spektrofotometar za to\u010dne rezultate, iako je osnovna softverska kalibracija bolja od nikakve.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ure\u0111aji za hardversku kalibraciju daju najto\u010dnije rezultate<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pode\u0161ava bijelu to\u010dku, gamu i odziv boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Stvara ICC profil koji koriste sustavi upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Treba se provoditi redovito jer se prikazi mijenjaju tijekom vremena<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profesionalni zasloni \u010desto imaju zna\u010dajke hardverske kalibracije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-camera\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Rad s prostorima boja kamere<\/h3>\n <p class=\"feature-text\">Digitalni fotoaparati snimaju slike u vlastitim prostorima boja, koji se zatim pretvaraju u standardne prostore poput sRGB ili Adobe RGB. Razumijevanje ovog procesa klju\u010dno je za precizne tijekove rada na fotografiji.<\/p>\n <p class=\"feature-text\">Svaka kamera ima jedinstveni senzor s vlastitim karakteristikama odziva boja. Proizvo\u0111a\u010di fotoaparata razvijaju vlastite algoritme za obradu neobra\u0111enih podataka senzora u standardizirane prostore boja. Kada snimate u RAW formatu, imate ve\u0107u kontrolu nad ovim procesom pretvorbe, \u0161to omogu\u0107uje preciznije upravljanje bojama.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">RAW datoteke sadr\u017ee sve podatke o boji koje je uhvatio senzor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">JPEG datoteke pretvaraju se u sRGB ili Adobe RGB u fotoaparatu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profili kamere mogu karakterizirati odre\u0111ene reakcije kamere na boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Radni prostori \u0161irokog spektra \u010duvaju najvi\u0161e podataka kamere<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">DNG profili boja (DCP) daju to\u010dne podatke o boji kamere<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-globe-americas\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Razmatranja boja sigurnih za web<\/h3>\n <p class=\"feature-text\">Iako moderni web preglednici podr\u017eavaju upravljanje bojama, mnogi zasloni i ure\u0111aji to ne podr\u017eavaju. Stvaranje web sadr\u017eaja koji izgleda dosljedno na svim ure\u0111ajima zahtijeva razumijevanje ovih ograni\u010denja.<\/p>\n <p class=\"feature-text\">Web platforma ide prema boljem upravljanju bojama, s CSS modulom boja razine 4 koja dodaje podr\u0161ku za specifikacije prostora boja. Me\u0111utim, za maksimalnu kompatibilnost i dalje je va\u017eno uzeti u obzir ograni\u010denja sRGB-a i osigurati odgovaraju\u0107e zamjene za sadr\u017eaj \u0161irokog raspona.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">sRGB ostaje najsigurniji izbor za univerzalnu kompatibilnost<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ugradite profile boja u slike za preglednike koji to podr\u017eavaju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">CSS modul boja, razina 4 dodaje specifikacije prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Mogu\u0107e je progresivno pobolj\u0161anje za zaslone \u0161irokog raspona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razmislite o kori\u0161tenju @media upita za otkrivanje zaslona \u0161irokog raspona<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-print\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Radni tijek proizvodnje ispisa<\/h3>\n <p class=\"feature-text\">Profesionalni tijek rada ispisa zahtijeva pa\u017eljivo upravljanje prostorom boja od snimanja do kona\u010dnog ispisa. Prijelaz s RGB na CMYK kriti\u010dan je korak s kojim se mora pravilno postupati.<\/p>\n <p class=\"feature-text\">Komercijalni tisak koristi standardizirane CMYK prostore boja na temelju specifi\u010dnih uvjeta ispisa. Ovi standardi osiguravaju dosljedne rezultate kod razli\u010ditih pru\u017eatelja tiska i tiskara. Dizajneri moraju razumjeti koji CMYK prostor boja koristi njihov pisa\u010d i ugraditi to znanje u svoj tijek rada.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Soft proofing simulira ispis na ekranu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profili pisa\u010da karakteriziraju specifi\u010dne kombinacije ure\u0111aja i papira<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Namjere prikazivanja odre\u0111uju pristup preslikavanju raspona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kompenzacija crne to\u010dke \u010duva detalje u sjeni<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Probni ispisi potvr\u0111uju to\u010dnost boja prije kona\u010dne proizvodnje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-video\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Ocjenjivanje boja videozapisa<\/h3>\n <p class=\"feature-text\">Video produkcija uklju\u010duje slo\u017eena razmatranja prostora boja, posebno s porastom HDR-a i formata \u0161irokog raspona. Bitno je razumjeti cijeli proces od snimanja do isporuke.<\/p>\n <p class=\"feature-text\">Moderna video produkcija \u010desto koristi Academy Color Encoding System (ACES) kao standardizirani okvir za upravljanje bojama. ACES pru\u017ea zajedni\u010dki radni prostor za sve snimke bez obzira na kameru koja se koristi, pojednostavljuju\u0107i proces spajanja snimaka iz razli\u010ditih izvora i pripremaju\u0107i sadr\u017eaj za vi\u0161estruke formate isporuke.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Formati dnevnika \u010duvaju maksimalni dinami\u010dki raspon od kamera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Radni prostori poput ACES-a pru\u017eaju standardizirano upravljanje bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HDR standardi uklju\u010duju PQ i HLG prijenosne funkcije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Formati isporuke mogu zahtijevati vi\u0161e verzija prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">LUT-ovi (Look-Up Tables) poma\u017eu standardizirati transformacije boja<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"faq-section\">\n <h2 class=\"section-title\">\u010cesto postavljana pitanja o prostorima boja<\/h2>\n \n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koja je razlika izme\u0111u modela boja i prostora boja?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Model boja je teorijski okvir za predstavljanje boja pomo\u0107u numeri\u010dkih vrijednosti (poput RGB ili CMYK), dok je prostor boja specifi\u010dna implementacija modela boja s definiranim parametrima. Na primjer, RGB je model boja, dok su sRGB i Adobe RGB specifi\u010dni prostori boja temeljeni na RGB modelu, svaki s razli\u010ditim rasponima i karakteristikama. Razmi\u0161ljajte o modelu boja kao o op\u0107em sustavu (poput opisa lokacija pomo\u0107u zemljopisne \u0161irine\/du\u017eine), a o prostoru boja kao o specifi\u010dnom mapiranju tog sustava (poput detaljne karte odre\u0111enog podru\u010dja s preciznim koordinatama).<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Za\u0161to moj ispisani rezultat izgleda druga\u010dije od onoga \u0161to vidim na ekranu?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Nekoliko \u010dimbenika uzrokuje ovu razliku: monitori koriste RGB (aditivnu) boju dok pisa\u010di koriste CMYK (suptraktivnu) boju; zasloni obi\u010dno imaju \u0161iru gamu od ispisa; zasloni emitiraju svjetlost dok je ispisi reflektiraju; a bez odgovaraju\u0107eg upravljanja bojama, nema prijevoda izme\u0111u ovih razli\u010ditih prostora boja. Osim toga, vrsta papira zna\u010dajno utje\u010de na to kako se boje pojavljuju u ispisu, pri \u010demu nepremazani papiri obi\u010dno proizvode manje zasi\u0107ene boje od sjajnih papira. Kalibracija va\u0161eg monitora i kori\u0161tenje ICC profila za va\u0161u specifi\u010dnu kombinaciju pisa\u010da i papira mo\u017ee zna\u010dajno smanjiti ove razlike, iako \u0107e neke razlike uvijek ostati zbog temeljnih fizi\u010dkih razlika izme\u0111u zaslona koji emitira svjetlost i ispisa koji reflektiraju svjetlost.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Trebam li koristiti sRGB, Adobe RGB ili ProPhoto RGB za fotografiju?\n <\/h3>\n <div class=\"faq-answer\">\n <p>To ovisi o va\u0161em tijeku rada i potrebama izlaza. sRGB je najbolji za slike namijenjene webu ili op\u0107em gledanju na zaslonima. Adobe RGB izvrstan je za ispis, nudi \u0161iri raspon koji bolje odgovara mogu\u0107nostima ispisa. ProPhoto RGB idealan je za profesionalne tijekove rada gdje je maksimalno o\u010duvanje informacija o boji klju\u010dno, posebno pri radu s RAW datotekama u 16-bitnom na\u010dinu rada. Mnogi fotografi koriste hibridni pristup: ure\u0111ivanje u ProPhoto RGB ili Adobe RGB, zatim pretvaranje u sRGB za web dijeljenje. Ako snimate u JPEG formatu u fotoaparatu, Adobe RGB op\u0107enito je bolji izbor od sRGB ako ga va\u0161 fotoaparat podr\u017eava, jer \u010duva vi\u0161e informacija o boji za kasnije ure\u0111ivanje. Me\u0111utim, ako snimate RAW (preporu\u010deno za maksimalnu kvalitetu), postavka prostora boja fotoaparata utje\u010de samo na JPEG pregled, a ne na stvarne RAW podatke.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n \u0160to se doga\u0111a kada su boje izvan raspona prostora boja?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Prilikom pretvorbe izme\u0111u prostora boja, boje koje su izvan raspona odredi\u0161nog prostora moraju se ponovno mapirati pomo\u0107u procesa koji se naziva preslikavanje raspona. Ovo je kontrolirano namjerama prikazivanja: Perceptualno prikazivanje \u010duva vizualne odnose izme\u0111u boja sa\u017eimanjem cijele gamute; Relativna kolorimetrija odr\u017eava boje koje su unutar oba gamuta i isje\u010de boje izvan gamuta do najbli\u017ee reproducibilne boje; Apsolutna kolorimetrija je sli\u010dna, ali se tako\u0111er prilago\u0111ava za bijeli papir; a Saturation daje prednost odr\u017eavanju \u017eivih boja u odnosu na to\u010dnost. Izbor namjere prikazivanja ovisi o sadr\u017eaju i va\u0161im prioritetima. Za fotografije Perceptual \u010desto daje rezultate najprirodnijeg izgleda. Za grafike s odre\u0111enim bojama robne marke, Relativna kolorimetrija obi\u010dno radi bolje kako bi sa\u010duvala to\u010dne boje gdje je to mogu\u0107e. Moderni sustavi za upravljanje bojama mogu vam pokazati koje su boje izvan raspona prije pretvorbe, omogu\u0107uju\u0107i vam prilagodbe kriti\u010dnih boja.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koliko je va\u017ena kalibracija monitora za upravljanje bojama?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Kalibracija monitora je temelj svakog sustava upravljanja bojama. Bez kalibriranog zaslona donosite odluke o ure\u0111ivanju na temelju neto\u010dnih informacija o boji. Kalibracija prilago\u0111ava va\u0161 monitor poznatom, standardnom stanju postavljanjem bijele to\u010dke (obi\u010dno D65\/6500K), gama (obi\u010dno 2,2) i svjetline (\u010desto 80-120 cd\/m\u00b2) i stvara ICC profil koji aplikacije za upravljanje bojama koriste za to\u010dan prikaz boja. Za profesionalni rad neophodan je ure\u0111aj za hardversku kalibraciju, a ponovnu kalibraciju treba provoditi mjese\u010dno. \u010cak i kolorimetri potro\u0161a\u010dke kvalitete mogu dramati\u010dno pobolj\u0161ati to\u010dnost boja u usporedbi s nekalibriranim zaslonima. Osim kalibracije, va\u017eno je i va\u0161e radno okru\u017eenje – neutralni sivi zidovi, kontrolirana rasvjeta i izbjegavanje izravne svjetlosti na ekranu doprinose to\u010dnijoj percepciji boja. Za kriti\u010dan rad s bojama, razmislite o ulaganju u monitor profesionalne razine sa \u0161irokim rasponom pokrivenosti, mogu\u0107nostima hardverske kalibracije i poklopcem za blokiranje ambijentalnog svjetla.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koji prostor boja trebam koristiti za web dizajn i razvoj?\n <\/h3>\n <div class=\"faq-answer\">\n <p>sRGB ostaje standard za web sadr\u017eaj jer osigurava najdosljednije iskustvo na razli\u010ditim ure\u0111ajima i preglednicima. Iako moderni preglednici sve vi\u0161e podr\u017eavaju upravljanje bojama i \u0161ire gamute, mnogi ure\u0111aji i preglednici to jo\u0161 uvijek ne podr\u017eavaju. Za projekte koji gledaju u budu\u0107nost, mo\u017eete implementirati progresivna pobolj\u0161anja kori\u0161tenjem sRGB-a kao osnovne linije uz pru\u017eanje sredstava \u0161irokog raspona (koriste\u0107i zna\u010dajke CSS modula boja razine 4 ili ozna\u010dene slike) za ure\u0111aje koji ih podr\u017eavaju. CSS Color Module Level 4 uvodi podr\u0161ku za display-p3, prophoto-rgb i druge prostore boja putem funkcija kao \u0161to je color(display-p3 1 0.5 0), omogu\u0107uju\u0107i web dizajnerima da ciljaju zaslone \u0161ireg raspona bez \u017ertvovanja kompatibilnosti. Za maksimalnu kompatibilnost sa starijim preglednicima odr\u017eavajte sRGB verziju svih resursa i koristite otkrivanje zna\u010dajki za poslu\u017eivanje sadr\u017eaja \u0161irokog raspona samo kompatibilnim ure\u0111ajima. Uvijek testirajte svoje dizajne na vi\u0161e ure\u0111aja i preglednika kako biste osigurali prihvatljiv izgled za sve korisnike.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Kako prostori boja utje\u010du na kompresiju slike i veli\u010dinu datoteke?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Prostori boja zna\u010dajno utje\u010du na kompresiju slike i veli\u010dinu datoteke. Pretvorba iz RGB u YCbCr (u JPEG kompresiji) omogu\u0107uje chroma subsampling, \u0161to smanjuje veli\u010dinu datoteke pohranjivanjem informacija o boji u ni\u017eoj razlu\u010divosti od informacija o svjetlini, iskori\u0161tavaju\u0107i ve\u0107u osjetljivost ljudskog oka na detalje svjetline. Prostori \u0161irokog raspona kao \u0161to je ProPhoto RGB zahtijevaju ve\u0107e dubine bitova (16-bit naspram 8-bita) kako bi se izbjeglo vezivanje, \u0161to rezultira ve\u0107im datotekama. Prilikom spremanja u formatima kao \u0161to je PNG koji ne koriste poduzorkovanje boje, sam prostor boja ne utje\u010de zna\u010dajno na veli\u010dinu datoteke, ali ve\u0107e dubine bitova utje\u010du. JPEG datoteke spremljene u Adobe RGB ili ProPhoto RGB same po sebi ne koriste vi\u0161e prostora za pohranu od sRGB verzija pri istoj postavci kvalitete, ali moraju sadr\u017eavati ugra\u0111eni profil boja kako bi bile ispravno prikazane, malo pove\u0107avaju\u0107i veli\u010dinu datoteke. Za maksimalnu u\u010dinkovitost kompresije u formatima isporuke, pretvorba u 8-bitni sRGB ili YCbCr s odgovaraju\u0107im poduzorkovanjem obi\u010dno pru\u017ea najbolju ravnote\u017eu veli\u010dine datoteke i vidljive kvalitete.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Kakav je odnos izme\u0111u prostora boja i dubine bita?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Dubina bita i prostor boja me\u0111usobno su povezani pojmovi koji utje\u010du na kvalitetu slike. Dubina bita odnosi se na broj bitova koji se koriste za predstavljanje svakog kanala boje, odre\u0111uju\u0107i koliko razli\u010ditih vrijednosti boja mo\u017ee biti predstavljeno. Dok prostor boja definira raspon boja (gamu), dubina bita odre\u0111uje koliko je fino taj raspon podijeljen. Prostori boja \u0161ireg raspona kao \u0161to je ProPhoto RGB obi\u010dno zahtijevaju ve\u0107e dubine bitova kako bi se izbjeglo vezivanje i posterizacija. To je zato \u0161to se isti broj razli\u010ditih vrijednosti mora protezati kroz ve\u0107i raspon boja, stvaraju\u0107i ve\u0107e “korake” izme\u0111u susjednih boja. Na primjer, 8-bitno kodiranje pru\u017ea 256 razina po kanalu, \u0161to je op\u0107enito dovoljno za sRGB, ali nedovoljno za ProPhoto RGB. Zbog toga se u profesionalnim radnim procesima \u010desto koristi 16-bit po kanalu (65 536 razina) kada se radi u prostorima \u0161irokog raspona. Sli\u010dno tome, HDR sadr\u017eaj zahtijeva ve\u0107e bitne dubine (10-bitne ili 12-bitne) kako bi glatko prikazao svoj pro\u0161ireni raspon svjetline. Kombinacija prostora boja i dubine bita zajedno odre\u0111uje ukupan broj razli\u010ditih boja koje se mogu prikazati na slici.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"cta-section\">\n <div class=\"cta-pattern\"><\/div>\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Savladajte upravljanje bojama u svojim projektima<\/h2>\n <p class=\"cta-text\">Bilo da ste fotograf, dizajner ili razvojni programer, razumijevanje prostora boja klju\u010dno je za izradu rada profesionalne kvalitete. Primijenite ove koncepte kako biste osigurali da va\u0161e boje izgledaju dosljedno na svim medijima.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Usporedite prostore boja<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Pogledajte prakti\u010dne vodi\u010de<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e Razumijevanje prostora boja u digitalnim slikama […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3597","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e Razumijevanje prostora boja u digitalnim slikama […]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=3597"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3597\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=3597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3597,"date":"2025-03-28T03:07:23","date_gmt":"2025-03-28T03:07:23","guid":{"rendered":"https:\/\/convertifypro.com\/?page_id=3597"},"modified":"2025-03-28T03:07:24","modified_gmt":"2025-03-28T03:07:24","slug":"understanding-color-spaces-in-digital-images","status":"publish","type":"page","link":"https:\/\/convertifypro.com\/hr\/razumijevanje-prostora-boja-u-digitalnim-slikama\/","title":{"rendered":"Razumijevanje prostora boja u digitalnim slikama"},"content":{"rendered":"\n\n\n\n \n \n \n \n Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Main Styles *\/\n :root {\n --primary-color: #FD9800;\n --primary-hover: #e88a00;\n --text-color: #3A3A3A;\n --light-bg: #f8faff;\n --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n --border-color: #f1f5f9;\n }\n\n .color-spaces-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n color: var(--text-color);\n }\n\n \/* Hero Section *\/\n .hero-section {\n text-align: center;\n padding: 3rem 1rem;\n margin-bottom: 3rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .hero-title {\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n margin-bottom: 2rem;\n color: var(--text-color);\n line-height: 1.6;\n }\n\n .hero-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .hero-badge {\n display: flex;\n align-items: center;\n background: white;\n border-radius: 50px;\n padding: 0.5rem 1rem;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n }\n\n .hero-badge:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .hero-badge-icon {\n color: var(--primary-color);\n margin-right: 0.5rem;\n font-size: 1rem;\n }\n\n .hero-badge-text {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--text-color);\n }\n\n .hero-buttons {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .btn {\n display: inline-block;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none !important;\n transition: all 0.3s ease;\n cursor: pointer;\n font-size: 1rem;\n }\n\n .btn-primary {\n background-color: var(--primary-color);\n color: white !important;\n box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n border: none;\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n .btn-secondary {\n background-color: white;\n color: var(--primary-color) !important;\n border: 1px solid var(--border-color);\n }\n\n .btn-secondary:hover {\n background-color: #fff5e6;\n transform: translateY(-2px);\n text-decoration: none !important;\n }\n\n \/* Features Section *\/\n .section-title {\n font-size: 2.2rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 2.5rem;\n color: var(--text-color);\n }\n\n .section-intro {\n font-size: 1.1rem;\n text-align: center;\n margin-bottom: 2.5rem;\n color: #555;\n line-height: 1.6;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 3rem;\n }\n\n .feature-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n height: 100%;\n display: flex;\n flex-direction: column;\n margin-bottom: 2rem;\n }\n\n .feature-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .feature-icon {\n width: 60px;\n height: 60px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5rem;\n font-size: 1.8rem;\n transition: all 0.3s ease;\n }\n\n .feature-card:hover .feature-icon {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .feature-content {\n padding: 2rem;\n flex-grow: 1;\n }\n\n .feature-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n }\n\n .feature-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n margin-bottom: 1.5rem;\n }\n\n .feature-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .feature-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.75rem;\n line-height: 1.5;\n }\n\n .feature-check {\n color: var(--primary-color);\n margin-right: 0.75rem;\n flex-shrink: 0;\n margin-top: 0.2rem;\n }\n\n .feature-item-text {\n font-size: 0.95rem;\n color: var(--text-color);\n }\n\n \/* Steps Container *\/\n .steps-container {\n max-width: 900px;\n margin: 0 auto 3rem;\n }\n\n .step-card {\n display: flex;\n align-items: flex-start;\n background: white;\n border-radius: 16px;\n padding: 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 2rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .step-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background-color: rgba(253, 152, 0, 0.15);\n color: var(--primary-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 700;\n margin-right: 1.5rem;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .step-card:hover .step-number {\n background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n color: white;\n box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n }\n\n .step-content {\n flex: 1;\n }\n\n .step-title {\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.75rem;\n color: var(--text-color);\n }\n\n .step-text {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n margin-bottom: 1rem;\n }\n\n \/* Format items *\/\n .formats-container {\n background: white;\n border-radius: 16px;\n padding: 2rem;\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-color);\n margin-bottom: 3rem;\n }\n\n .formats-title {\n font-size: 1.8rem;\n font-weight: 700;\n text-align: center;\n margin-bottom: 2rem;\n color: var(--text-color);\n }\n\n .formats-subtitle {\n font-size: 1.1rem;\n text-align: center;\n margin-bottom: 2rem;\n color: #555;\n line-height: 1.6;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .formats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .format-item {\n background-color: var(--light-bg);\n border: 1px solid var(--border-color);\n border-radius: 8px;\n padding: 0.75rem 0.5rem;\n font-size: 0.9rem;\n text-align: center;\n color: var(--text-color);\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 2.5rem;\n }\n\n .format-item:hover {\n background-color: #fff5e6;\n border-color: var(--primary-color);\n color: var(--primary-color);\n transform: translateY(-2px);\n }\n\n \/* FAQ Section *\/\n .faq-section {\n margin-bottom: 4rem;\n }\n\n .faq-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: white;\n border-radius: 16px;\n padding: 1.5rem 2rem;\n box-shadow: var(--box-shadow);\n margin-bottom: 1.5rem;\n border: 1px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(253, 152, 0, 0.3);\n }\n\n .faq-question {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: var(--text-color);\n display: flex;\n align-items: center;\n }\n\n .faq-icon {\n color: var(--primary-color);\n margin-right: 0.75rem;\n font-size: 1.2rem;\n }\n\n .faq-answer {\n font-size: 1rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* CTA Section *\/\n .cta-section {\n text-align: center;\n padding: 3rem 1rem;\n background: var(--gradient-bg);\n border-radius: 16px;\n position: relative;\n overflow: hidden;\n margin-bottom: 2rem;\n }\n\n .cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n z-index: 0;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: 2.2rem;\n font-weight: 700;\n margin-bottom: 1.5rem;\n color: var(--text-color);\n }\n\n .cta-text {\n font-size: 1.1rem;\n margin-bottom: 2rem;\n color: #555;\n line-height: 1.6;\n }\n\n \/* Color space specific sections *\/\n .color-space-detail-section {\n margin-bottom: 4rem;\n }\n\n \/* Comparison section *\/\n .comparison-section {\n margin-bottom: 4rem;\n }\n\n \/* Responsive Styles *\/\n @media (max-width: 768px) {\n .hero-title {\n font-size: 2.2rem;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .cta-title {\n font-size: 1.8rem;\n }\n \n .features-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n margin: 0 auto;\n }\n \n .step-card {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .step-number {\n margin-bottom: 1rem;\n margin-right: 0;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 1.8rem;\n }\n \n .hero-subtitle {\n font-size: 1.1rem;\n }\n \n .section-title {\n font-size: 1.6rem;\n }\n \n .feature-content {\n padding: 1.5rem;\n }\n \n .formats-container {\n padding: 1.5rem;\n }\n \n .step-card {\n padding: 1.5rem;\n }\n \n .faq-item {\n padding: 1.25rem;\n }\n }\n\n \/* Button text should never be underlined *\/\n .btn:hover, .btn:focus, .btn:active {\n text-decoration: none !important;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"color-spaces-section\">\n \n <section class=\"hero-section\">\n <div class=\"hero-pattern\"><\/div>\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Razumijevanje prostora boja u digitalnim slikama<\/h1>\n <p class=\"hero-subtitle\">Istra\u017eite cjeloviti vodi\u010d za modele boja, prostore boja i njihove primjene u fotografiji, dizajnu i digitalnom slikanju. Savladajte upravljanje bojama za savr\u0161ene rezultate na svim ure\u0111ajima.<\/p>\n \n <div class=\"hero-badges\">\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-palette\"><\/i><\/span>\n <span class=\"hero-badge-text\">RGB i CMYK<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-paint-brush\"><\/i><\/span>\n <span class=\"hero-badge-text\">HSL i HSV<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-image\"><\/i><\/span>\n <span class=\"hero-badge-text\">LAB & XYZ<\/span>\n <\/div>\n <div class=\"hero-badge\">\n <span class=\"hero-badge-icon\"><i class=\"fas fa-tv\"><\/i><\/span>\n <span class=\"hero-badge-text\">YCbCr & YUV<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Usporedite prostore boja<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Prakti\u010dni vodi\u010di<\/a>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intro-section\">\n <h2 class=\"section-title\">Potpuni vodi\u010d kroz prostore boja<\/h2>\n <p class=\"section-intro\">Prostori boja matemati\u010dki su modeli koji nam omogu\u0107uju predstavljanje i precizno opisivanje boja na sustavan na\u010din. Razumijevanje prostora boja bitno je za fotografe, dizajnere, video urednike i sve koji rade s digitalnim slikama. Ovaj sveobuhvatni vodi\u010d pokriva sve, od temeljnih pojmova do naprednih tehnika upravljanja bojama.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Za\u0161to su prostori boja va\u017eni<\/h3>\n <p class=\"feature-text\">Prostori boja definiraju kako se boje reproduciraju na razli\u010ditim ure\u0111ajima i medijima. Oni odre\u0111uju raspon boja (gamu) koje se mogu prikazati ili ispisati, utje\u010du\u0107i na to\u010dnost i \u017eivahnost va\u0161ih slika. Bez odgovaraju\u0107eg upravljanja prostorom boja, va\u0161i pa\u017eljivo izra\u0111eni vizualni elementi mogu izgledati druga\u010dije od predvi\u0111enih kada se gledaju na razli\u010ditim zaslonima ili tiskanim materijalima.<\/p>\n <p class=\"feature-text\">Digitalni svijet oslanja se na preciznu komunikaciju bojama. Kada snimite fotografiju, uredite sliku ili dizajnirate web stranicu, radite unutar odre\u0111enih prostora boja koji definiraju koje su vam boje dostupne i kako su matemati\u010dki predstavljene. Ovi prostori boja djeluju kao univerzalni jezik koji osigurava da je va\u0161a crvena ista crvena na tu\u0111em ekranu ili u tisku.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osigurava dosljednu reprodukciju boja na svim ure\u0111ajima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pove\u0107ava dostupni raspon boja za va\u0161 medij<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sprje\u010dava pomake boja tijekom pretvorbe formata<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Neophodan za ispis profesionalne kvalitete<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kriti\u010dno za dosljednost robne marke u digitalnim i tiskanim medijima<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"color-models-section\">\n <h2 class=\"section-title\">Razumijevanje modela boja i prostora<\/h2>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-cubes\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Modeli boja naspram prostora boja<\/h3>\n <p class=\"feature-text\">Iako se \u010desto koriste kao sinonimi, modeli boja i prostori boja razli\u010diti su pojmovi. Model boja je teorijski okvir za predstavljanje boja (poput RGB ili CMYK), dok je prostor boja specifi\u010dna implementacija modela boja s definiranim parametrima (poput sRGB ili Adobe RGB).<\/p>\n <p class=\"feature-text\">Razmislite o modelu boja kao o op\u0107em pristupu opisivanju boja, poput “pomije\u0161ajte crvenu, zelenu i plavu svjetlost da biste stvorili boje”. Prostor boja pru\u017ea odre\u0111ena pravila: to\u010dno koju nijansu crvene, zelene i plave koristiti i kako ih to\u010dno mije\u0161ati da biste dobili dosljedne rezultate.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Modeli boja definiraju okvir za predstavljanje boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Prostori boja specificiraju to\u010dne parametre unutar modela<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Unutar jednog modela mo\u017ee postojati vi\u0161e prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Prostori boja imaju definirane granice i jednad\u017ebe transformacije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-sync-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Dodatna nasuprot subtraktivnoj boji<\/h3>\n <p class=\"feature-text\">Modeli boja kategorizirani su kao aditivni ili suptraktivni, ovisno o tome kako stvaraju boje. Aditivni modeli (kao \u0161to je RGB) kombiniraju svjetlost za stvaranje boja, dok subtraktivni modeli (kao \u0161to je CMYK) rade tako \u0161to apsorbiraju valne duljine svjetlosti.<\/p>\n <p class=\"feature-text\">Temeljna razlika le\u017ei u njihovim polazi\u0161tima: aditivna boja po\u010dinje tamom (bez svjetla) i dodaje svjetlo u boji da stvori svjetlinu, dose\u017eu\u0107i bijelu kada se sve boje kombiniraju punim intenzitetom. Subtraktivna boja po\u010dinje s bijelom (poput prazne stranice) i dodaje tinte koje oduzimaju (upijaju) odre\u0111ene valne duljine, dose\u017eu\u0107i crnu kada se sve boje kombiniraju punim intenzitetom.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dodatak: RGB (zasloni, digitalni zasloni)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Subtraktivno: CMYK (ispis, fizi\u010dki medij)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razli\u010dite primjene zahtijevaju razli\u010dite pristupe<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pretvorbe boja izme\u0111u aditivnih i subtraktivnih sustava zahtijevaju slo\u017eene transformacije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-border-all\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Raspon boja i dubina bitova<\/h3>\n <p class=\"feature-text\">Raspon prostora boja odnosi se na raspon boja koje mo\u017ee predstavljati. Dubina bita odre\u0111uje koliko razli\u010ditih boja mo\u017ee biti predstavljeno unutar tog raspona. Zajedno, ovi \u010dimbenici definiraju mogu\u0107nosti prostora boja.<\/p>\n <p class=\"feature-text\">Razmi\u0161ljajte o gamu kao o paleti dostupnih boja, a o dubini bita kao o tome koliko se te boje mogu fino mije\u0161ati. Ograni\u010denom rasponu mo\u017eda u potpunosti nedostaju odre\u0111ene jarke boje, dok nedovoljna dubina bita stvara vidljive trake u gradijentima umjesto glatkih prijelaza. Profesionalni rad \u010desto zahtijeva i \u0161irok raspon i veliku bitnu dubinu za snimanje i prikaz cijelog raspona vizualnih informacija.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iri gamuti mogu predstavljati \u017eivopisnije boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ve\u0107e dubine bitova omogu\u0107uju gla\u0111e gradijente<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">8-bit = 256 razina po kanalu (16,7 milijuna boja)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">16-bit = 65,536 razina po kanalu (milijarde boja)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profesionalni rad \u010desto zahtijeva prostore \u0161irokog raspona s velikom dubinom bita<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"rgb-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">Obja\u0161njenje RGB prostora boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-desktop\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">RGB model boja<\/h3>\n <p class=\"feature-text\">RGB (crvena, zelena, plava) je aditivni model boja u kojem se crvena, zelena i plava svjetlost kombiniraju na razli\u010dite na\u010dine kako bi proizveli \u0161iroku lepezu boja. To je temelj digitalnih zaslona, \u200b\u200bod pametnih telefona do ra\u010dunalnih monitora i televizora.<\/p>\n <p class=\"feature-text\">U RGB modelu, svaki kanal boja obi\u010dno koristi 8 bita, dopu\u0161taju\u0107i 256 razina po kanalu. Ovo stvara standardnu \u200b\u200b24-bitnu dubinu boje (8 bita \u00d7 3 kanala), koja mo\u017ee prikazati pribli\u017eno 16,7 milijuna boja. Profesionalne aplikacije \u010desto koriste 10-bit (preko 1 milijarde boja) ili 16-bit (preko 281 bilijuna boja) za preciznije gradacije boja.<\/p>\n <p class=\"feature-text\">RGB se temelji na odgovoru ljudskog vizualnog sustava na svjetlost, s tri primarne boje koje otprilike odgovaraju trima vrstama receptora boja (\u010dunji\u0107a) u na\u0161im o\u010dima. To ga \u010dini prirodno prikladnim za prikaz digitalnog sadr\u017eaja, ali tako\u0111er zna\u010di da se razli\u010diti RGB prostori boja mogu znatno razlikovati u svom rasponu i karakteristikama.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">sRGB (Standardni RGB)<\/h3>\n <p class=\"step-text\">Razvili HP i Microsoft 1996. godine, sRGB je naj\u010de\u0161\u0107i prostor boja koji se koristi u digitalnim slikama, monitorima i webu. Pokriva oko 35% vidljivog spektra boja i dizajniran je da odgovara tipi\u010dnim ku\u0107nim i uredskim zaslonima.<\/p>\n <p class=\"step-text\">Unato\u010d svom relativno ograni\u010denom rasponu, sRGB ostaje standard za web sadr\u017eaj i potro\u0161a\u010dku fotografiju zbog svoje univerzalne kompatibilnosti. Ve\u0107ina ure\u0111aja kalibrirana je za ispravan prikaz sRGB prema zadanim postavkama, \u0161to ga \u010dini najsigurnijim izborom kada \u017eelite dosljedne boje na razli\u010ditim zaslonima bez upravljanja bojama.<\/p>\n <p class=\"step-text\">sRGB prostor boja namjerno je dizajniran s relativno malim rasponom kako bi odgovarao mogu\u0107nostima CRT monitora iz 1990-ih. Ovo se ograni\u010denje zadr\u017ealo u modernom web ekosustavu, iako se uz njega postupno usvajaju i noviji standardi.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zadani prostor boja za ve\u0107inu digitalnog sadr\u017eaja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osigurava dosljedan izgled na ve\u0107ini ure\u0111aja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Idealno za sadr\u017eaj temeljen na webu i op\u0107enito fotografiranje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se prema zadanim postavkama u ve\u0107ini potro\u0161a\u010dkih fotoaparata i pametnih telefona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ima gama vrijednost od pribli\u017eno 2,2<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Adobe RGB (1998.)<\/h3>\n <p class=\"step-text\">Razvio ga je Adobe Systems, Adobe RGB nudi \u0161iri raspon od sRGB-a, pokrivaju\u0107i pribli\u017eno 50% vidljivog spektra boja. Posebno je dizajniran da obuhvati ve\u0107inu boja koje se mogu posti\u0107i na CMYK pisa\u010dima u boji, \u0161to ga \u010dini vrijednim za radne tijekove proizvodnje ispisa.<\/p>\n <p class=\"step-text\">Pro\u0161irena gama Adobe RGB-a posebno je uo\u010dljiva u cijan-zelenim nijansama, koje su \u010desto skra\u0107ene u sRGB-u. To ga \u010dini popularnim me\u0111u profesionalnim fotografima i dizajnerima koji trebaju sa\u010duvati \u017eivopisne boje, posebno za ispis.<\/p>\n <p class=\"step-text\">Jedna od klju\u010dnih prednosti Adobe RGB-a je njegova sposobnost predstavljanja \u0161ireg raspona zasi\u0107enih boja u zeleno-cijan podru\u010dju, \u0161to je va\u017eno za pejza\u017enu fotografiju i prirodu. Me\u0111utim, ova se prednost ostvaruje samo kada cijeli tijek rada (snimanje, ure\u0111ivanje i izlaz) podr\u017eava Adobe RGB prostor boja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iri raspon od sRGB-a, posebno u zelenoj i cijan boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Bolje za radne tijekove ispisne proizvodnje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Preferiraju ga mnogi profesionalni fotografi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dostupno kao opcija snimanja u vrhunskim kamerama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za ispravan prikaz potrebno je upravljanje bojama<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">ProPhoto RGB<\/h3>\n <p class=\"step-text\">Razvio Kodak, ProPhoto RGB (tako\u0111er poznat kao ROMM RGB) jedan je od najve\u0107ih RGB prostora boja, koji obuhva\u0107a pribli\u017eno 90% vidljivih boja. Prote\u017ee se izvan dometa ljudskog vida u nekim podru\u010djima, dopu\u0161taju\u0107i mu da sa\u010duva gotovo sve boje koje kamera mo\u017ee uhvatiti.<\/p>\n <p class=\"step-text\">Zbog svog ogromnog raspona, ProPhoto RGB zahtijeva ve\u0107e bitne dubine (16-bita po kanalu umjesto 8-bita) kako bi se izbjeglo vezivanje u gradijentima. Prvenstveno se koristi u radnim procesima profesionalne fotografije, posebno za arhivske svrhe i vrhunski ispis.<\/p>\n <p class=\"step-text\">ProPhoto RGB standardni je radni prostor u Adobe Lightroomu i \u010desto se preporu\u010duje za o\u010duvanje maksimalnih informacija o boji tijekom sirovog procesa razvoja. Toliko je velik da su neke od njegovih boja “imaginarne” (izvan ljudskog vida), ali to osigurava da se boje snimljene kamerom ne isje\u010du tijekom ure\u0111ivanja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izuzetno \u0161irok raspon koji pokriva ve\u0107inu vidljivih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cuva boje snimljene vrhunskim kamerama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zahtijeva 16-bitni tijek rada za sprje\u010davanje povezivanja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zadani radni prostor u Adobe Lightroomu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nije prikladno za kona\u010dne formate isporuke bez konverzije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Prikaz P3<\/h3>\n <p class=\"step-text\">Razvio ga je Apple, Display P3 temelji se na DCI-P3 prostoru boja koji se koristi u digitalnom kinu. Nudi oko 25% ve\u0107u pokrivenost bojama od sRGB-a, osobito u crvenoj i zelenoj boji, zbog \u010dega slike izgledaju \u017eivopisnije i realisti\u010dnije.<\/p>\n <p class=\"step-text\">Zaslon P3 stekao je zna\u010dajnu popularnost budu\u0107i da ga podr\u017eavaju Appleovi ure\u0111aji, uklju\u010duju\u0107i iPhone, iPad i Macove sa zaslonima \u0161irokog raspona. Predstavlja sredinu izme\u0111u sRGB-a i \u0161irih prostora kao \u0161to je Adobe RGB, nude\u0107i pobolj\u0161ane boje uz odr\u017eavanje razumne kompatibilnosti.<\/p>\n <p class=\"step-text\">P3 prostor boja izvorno je razvijen za digitalnu kino projekciju (DCI-P3), ali ga je Apple prilagodio tehnologiji prikaza kori\u0161tenjem D65 bijele to\u010dke (isto kao sRGB) umjesto DCI bijele to\u010dke. To ga \u010dini prikladnijim za okru\u017eenja s mje\u0161ovitim medijima, a istovremeno pru\u017ea znatno \u017eivlje boje od sRGB-a.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u0160iroka paleta s izvrsnom pokriveno\u0161\u0107u crvenih i zelenih tonova<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izvorno na Appleovim Retina zaslonima i mobilnim ure\u0111ajima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Rastu\u0107a podr\u0161ka na svim digitalnim platformama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi istu bijelu to\u010dku (D65) kao sRGB<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Postaje sve va\u017eniji za moderni web i dizajn aplikacija<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Rec.2020 (BT.2020)<\/h3>\n <p class=\"step-text\">Razvijen za televiziju ultra visoke razlu\u010divosti (UHDTV), Rec.2020 obuhva\u0107a vi\u0161e od 75% vidljivih boja. Znatno je ve\u0107i od sRGB-a i Adobe RGB-a, pru\u017eaju\u0107i iznimnu reprodukciju boja za 4K i 8K sadr\u017eaj.<\/p>\n <p class=\"step-text\">Iako nekoliko zaslona trenuta\u010dno mo\u017ee reproducirati puni raspon Rec.2020, on slu\u017ei kao standard koji gleda u budu\u0107nost za vrhunsku video produkciju i mastering. Kako tehnologija zaslona napreduje, sve vi\u0161e ure\u0111aja pristupa ovom ekspanzivnom prostoru boja.<\/p>\n <p class=\"step-text\">Rec.2020 je dio me\u0111unarodnog standarda za Ultra HDTV i koristi se u kombinaciji s tehnologijama visokog dinami\u010dkog raspona (HDR) kao \u0161to su HDR10 i Dolby Vision. Njegov iznimno \u0161iroki raspon koristi monokromatske primarne boje (467 nm plava, 532 nm zelena i 630 nm crvena) koje su blizu ruba vidljivog spektra, \u0161to mu omogu\u0107uje da obuhvati gotovo sve boje koje ljudi mogu uo\u010diti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Vrlo \u0161irok raspon za sadr\u017eaj ultra visoke razlu\u010divosti<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Standard otporan na budu\u0107nost za nove tehnologije zaslona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u radnim procesima profesionalne videoprodukcije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dio HDR ekosustava za video sljede\u0107e generacije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Trenuta\u010dno nijedan zaslon ne mo\u017ee reproducirati potpuni raspon Rec.2020<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"cmyk-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">CMYK prostori boja i proizvodnja ispisa<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-print\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">CMYK model boja<\/h3>\n <p class=\"feature-text\">CMYK (Cyan, Magenta, Yellow, Key\/Black) je subtraktivni model boja koji se prvenstveno koristi u ispisu. Za razliku od RGB-a, koji dodaje svjetlost za stvaranje boja, CMYK funkcionira tako da apsorbira (oduzima) odre\u0111ene valne duljine od bijelog svjetla, koriste\u0107i tinte na papiru ili drugim podlogama.<\/p>\n <p class=\"feature-text\">Raspon CMYK-a obi\u010dno je manji od RGB prostora boja, zbog \u010dega \u017eivopisne digitalne slike ponekad izgledaju dosadnije kada se ispisuju. Razumijevanje odnosa izme\u0111u RGB i CMYK klju\u010dno je za dizajnere i fotografe koji stvaraju sadr\u017eaj za digitalne i tiskane medije.<\/p>\n <p class=\"feature-text\">U teoriji, kombiniranje cijan, magenta i \u017eute u punoj snazi \u200b\u200btrebalo bi proizvesti crnu, ali zbog ne\u010disto\u0107a u stvarnim tintama, to obi\u010dno rezultira mutno tamno sme\u0111om bojom. Zato je dodana zasebna crna (K) tinta, koja daje pravu crnu boju i pobolj\u0161ava detalje u sjeni. “K” je kratica za “Klju\u010d” jer crna plo\u010da pru\u017ea klju\u010dne detalje i poravnanje za ostale boje u tradicionalnom tisku.<\/p>\n <p class=\"feature-text\">Razli\u010dite vrste papira, metode ispisa i formulacije tinte mogu dramati\u010dno utjecati na izgled CMYK boja u kona\u010dnom ispisu. Zbog toga se radni procesi profesionalnog ispisa uvelike oslanjaju na upravljanje bojama i standardizirane CMYK specifikacije prilago\u0111ene odre\u0111enim proizvodnim okru\u017eenjima.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-file-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Standardni CMYK prostori boja<\/h3>\n <p class=\"feature-text\">Za razliku od RGB-a, koji ima jasno definirane prostore boja kao \u0161to su sRGB i Adobe RGB, CMYK prostori boja uvelike variraju ovisno o uvjetima ispisa, vrsti papira i formulaciji tinte. Neki uobi\u010dajeni CMYK standardi uklju\u010duju:<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>U.S. Web Coated (SWOP) v2<\/strong> – Standard za ofsetni tisak u Sjevernoj Americi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Oblo\u017eeni FOGRA39 (ISO 12647-2:2004)<\/strong> – Europski standard za premazani papir<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Japanska boja 2001 s premazom<\/strong> – Standard za offset tisak u Japanu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>GRACoL 2006 Oblo\u017eeno<\/strong> – Specifikacije za visokokvalitetni komercijalni tisak<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>FOGRA27<\/strong> – Standard za premazani papir u Europi (starija verzija)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>US Sheetfed Coated v2<\/strong> – Za arakni ofsetni tisak na premazani papir<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>U.S. bez premaza v2<\/strong> – Za tisak na nepremazane papire<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>FOGRA47<\/strong> – Za nepremazani papir u Europi<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-exchange-alt\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Konverzija RGB u CMYK<\/h3>\n <p class=\"feature-text\">Pretvaranje iz RGB u CMYK uklju\u010duje i matemati\u010dku transformaciju boja i mapiranje raspona, budu\u0107i da CMYK ne mo\u017ee reproducirati sve RGB boje. Ovaj proces, poznat kao pretvorba boja, klju\u010dni je aspekt tijeka rada profesionalnog ispisa.<\/p>\n <p class=\"feature-text\">Pretvorba RGB u CMYK slo\u017eena je jer se transformira iz aditiva u subtraktivni model boja dok istovremeno preslikava boje iz \u0161ireg raspona u manji. Bez odgovaraju\u0107eg upravljanja bojama, jarke plave i zelene u RGB-u mogu postati dosadne i mutne u CMYK-u, crvene se mogu pomaknuti prema naran\u010dastoj, a suptilne varijacije boja mogu se izgubiti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za to\u010dnost su potrebni sustavi upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za najbolje rezultate potrebno je izvr\u0161iti pomo\u0107u ICC profila<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto mijenja izgled \u017eivih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Najbolja izvedba kasno u tijeku proizvodnje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Soft proofing mo\u017ee pregledati CMYK izgled na RGB zaslonima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razli\u010dite namjere prikazivanja stvaraju razli\u010dite rezultate<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-paint-roller\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Spot boje i pro\u0161ireni raspon<\/h3>\n <p class=\"feature-text\">Kako bi se prevladala ograni\u010denja CMYK-a, ispis \u010desto uklju\u010duje spot boje (kao \u0161to je Pantone) ili sustave pro\u0161irenog raspona koji dodaju naran\u010dastu, zelenu i ljubi\u010dastu tintu (CMYK+OGV) kako bi se pro\u0161irio raspon boja koje se mogu reproducirati.<\/p>\n <p class=\"feature-text\">Spot boje su posebno mije\u0161ane tinte koje se koriste za to\u010dno podudaranje boja, posebno za elemente brendiranja poput logotipa. Za razliku od CMYK procesnih boja koje se stvaraju kombiniranjem to\u010daka \u010detiri standardne tinte, spot boje su unaprijed pomije\u0161ane u to\u010dnu formulu, \u010dime se osigurava savr\u0161ena dosljednost na svim tiskanim materijalima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pantone Matching System pru\u017ea standardizirane spot boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ispis pro\u0161irenog raspona pribli\u017eava se RGB rasponu boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Hexachrome i drugi sustavi dodaju dodatne primarne tinte<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kriti\u010dno za to\u010dnost boja marke u pakiranju i marketingu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sustavi CMYK + naran\u010dasta, zelena, ljubi\u010dasta (7 boja) mogu reproducirati do 90% Pantone boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Suvremeni digitalni tiskarski strojevi \u010desto podr\u017eavaju ispis pro\u0161irenog raspona<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"lab-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">Prostori boja neovisni o laboratoriju i ure\u0111aju<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Modeli boja neovisni o ure\u0111aju<\/h3>\n <p class=\"feature-text\">Za razliku od RGB i CMYK, koji ovise o ure\u0111aju (njihov izgled varira ovisno o hardveru), prostori boja neovisni o ure\u0111aju kao \u0161to su CIE L*a*b* (Lab) i CIE XYZ imaju za cilj opisati boje onako kako ih percipira ljudsko oko, bez obzira na to kako su prikazane ili reproducirane.<\/p>\n <p class=\"feature-text\">Ti prostori boja slu\u017ee kao temelj modernih sustava upravljanja bojama, djeluju\u0107i kao “univerzalni prevoditelj” izme\u0111u razli\u010ditih ure\u0111aja i modela boja. Temelje se na znanstvenom razumijevanju ljudske percepcije boja, a ne na mogu\u0107nostima ure\u0111aja.<\/p>\n <p class=\"feature-text\">Prostori boja neovisni o ure\u0111aju bitni su jer pru\u017eaju stabilnu referentnu to\u010dku u radnim tijekovima upravljanja bojama. Dok iste RGB vrijednosti mogu izgledati druga\u010dije na razli\u010ditim monitorima, laboratorijska vrijednost boje predstavlja istu percipiranu boju bez obzira na ure\u0111aj. Zbog toga Lab slu\u017ei kao Profile Connection Space (PCS) u ICC upravljanju bojama, olak\u0161avaju\u0107i to\u010dne pretvorbe izme\u0111u razli\u010ditih prostora boja.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE XYZ prostor boja<\/h3>\n <p class=\"step-text\">Prostor boja XYZ koji je 1931. stvorilo Me\u0111unarodno povjerenstvo za osvjetljenje (CIE), bio je prvi matemati\u010dki definiran prostor boja. Obuhva\u0107a sve boje vidljive prosje\u010dnom ljudskom oku i slu\u017ei kao temelj za druge prostore boja.<\/p>\n <p class=\"step-text\">U XYZ, Y predstavlja svjetlinu, dok su X i Z apstraktne vrijednosti povezane s kromatskim komponentama boje. Ovaj se prostor prvenstveno koristi kao referentni standard, a rijetko za izravno kodiranje slike. Ostaje fundamentalan za znanost o bojama i osnova za transformacije boja.<\/p>\n <p class=\"step-text\">CIE XYZ prostor boja izveden je iz niza eksperimenata o ljudskoj percepciji boja. Istra\u017eiva\u010di su mapirali kako prosje\u010dna osoba percipira razli\u010dite valne duljine svjetlosti, stvaraju\u0107i ono \u0161to je poznato kao CIE 1931 prostor boja, koji uklju\u010duje poznati kromatski dijagram “u obliku potkove” koji mapira sve mogu\u0107e boje vidljive ljudima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temelj znanstvenog mjerenja boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Obuhva\u0107a sve boje vidljive ljudima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se kao referenca za transformacije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju mjerenja ljudske percepcije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razvijeno kori\u0161tenjem standardnog modela promatra\u010da<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE L*a*b* (Lab) Prostor boja<\/h3>\n <p class=\"step-text\">Razvijen 1976., CIE L*a*b* (\u010desto jednostavno nazivan “Lab”) dizajniran je da bude perceptivno ujedna\u010den, \u0161to zna\u010di da jednake udaljenosti u prostoru boja odgovaraju otprilike jednakim percipiranim razlikama u boji. To ga \u010dini idealnim za mjerenje razlika u boji i izvo\u0111enje korekcija boja.<\/p>\n <p class=\"step-text\">U Lab, L* predstavlja svjetlinu (0-100), a* predstavlja zeleno-crvenu os, a b* predstavlja plavo-\u017eutu os. Ovo odvajanje svjetline od informacija o boji \u010dini Lab posebno korisnim za zadatke ure\u0111ivanja slika poput pode\u0161avanja kontrasta bez utjecaja na boje.<\/p>\n <p class=\"step-text\">Uniformnost opa\u017eanja laboratorija \u010dini ga neprocjenjivim za korekciju boja i kontrolu kvalitete. Ako dvije boje imaju malu broj\u010danu razliku u laboratorijskim vrijednostima, ljudskim \u0107e promatra\u010dima izgledati samo neznatno druga\u010dije. Ovo svojstvo nije istinito za RGB ili CMYK, gdje ista broj\u010dana razlika mo\u017ee rezultirati dramati\u010dno razli\u010ditim percipiranim promjenama ovisno o tome gdje se boje nalaze u prostoru boja.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Perceptivno ujedna\u010deno za to\u010dno mjerenje boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Odvaja svjetlost od informacije o boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se za napredno ure\u0111ivanje slika i korekciju boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Osnovna komponenta ICC radnih procesa upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Mo\u017ee izraziti boje izvan raspona RGB i CMYK<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se za izra\u010dun razlike u boji Delta-E<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">CIE L*u*v* Prostor boja<\/h3>\n <p class=\"step-text\">CIE L*u*v* razvijen je uz L*a*b* kao alternativni perceptualno ujedna\u010deni prostor boja. Posebno je koristan za aplikacije koje uklju\u010duju aditivno mije\u0161anje boja i prikaze, dok se L*a*b* \u010desto preferira za subtraktivne sustave boja kao \u0161to je ispis.<\/p>\n <p class=\"step-text\">Kao i Lab, L*u*v* koristi L* za svjetlinu, dok su u* i v* koordinate kromati\u010dnosti. Ovaj prostor boja se obi\u010dno koristi u sustavima televizijskog emitiranja i izra\u010dunima razlike u boji za tehnologije prikaza.<\/p>\n <p class=\"step-text\">Jedna klju\u010dna razlika izme\u0111u L*a*b* i L*u*v* je ta \u0161to je L*u*v* posebno dizajniran za bolje rukovanje emisijskim bojama i osvjetljenjem. Uklju\u010duje mogu\u0107nost predstavljanja boja u smislu koordinata kromati\u010dnosti koje se lako mogu povezati s dijagramima kromati\u010dnosti koji se koriste u kolorimetriji i dizajnu rasvjete.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pogodan za primjene aditivnih boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u industriji televizije i emitiranja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107uje ujedna\u010dena mjerenja razlike u boji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Bolje za emisione boje i dizajn rasvjete<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Uklju\u010duje korelirano mapiranje temperature boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"hsl-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">HSL, HSV i perceptivni prostori boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-adjust\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Intuitivno predstavljanje boja<\/h3>\n <p class=\"feature-text\">Dok RGB i CMYK opisuju boje u smislu mije\u0161anja primarnih boja, HSL (Hue, Saturation, Lightness) i HSV\/HSB (Hue, Saturation, Value\/Brightness) predstavljaju boje na na\u010din koji je intuitivniji u odnosu na to kako ljudi razmi\u0161ljaju o boji.<\/p>\n <p class=\"feature-text\">Ovi prostori odvajaju komponente boje (nijanse) od atributa intenziteta (zasi\u0107enost i svjetlina\/svjetlina), \u0161to ih \u010dini posebno korisnim za odabir boja, dizajn korisni\u010dkog su\u010delja i umjetni\u010dke aplikacije gdje su intuitivne prilagodbe boja va\u017ene.<\/p>\n <p class=\"feature-text\">Klju\u010dna prednost HSL-a i HSV-a je to \u0161to su vi\u0161e uskla\u0111eni s na\u010dinom na koji ljudi prirodno razmi\u0161ljaju o bojama i opisuju ih. Kada netko \u017eeli stvoriti “tamniju plavu” ili “\u017eivlju crvenu”, razmi\u0161lja o nijansi, zasi\u0107enosti i svjetlini\u2014ne o RGB vrijednostima. To je razlog za\u0161to bira\u010di boja u softveru za dizajn \u010desto predstavljaju i RGB kliza\u010de i HSL\/HSV opcije.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-palette\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HSL prostor boja<\/h3>\n <p class=\"feature-text\">HSL predstavlja boje u cilindri\u010dnom koordinatnom sustavu, pri \u010demu nijansa kao kut (0-360\u00b0) predstavlja vrstu boje, zasi\u0107enost (0-100%) ozna\u010dava intenzitet boje, a svjetlina (0-100%) opisuje koliko je boja svijetla ili tamna.<\/p>\n <p class=\"feature-text\">HSL je posebno koristan za dizajnerske aplikacije jer se njegovi parametri intuitivno preslikavaju na na\u010din na koji opisujemo boje. \u0160iroko se koristi u web razvoju putem CSS-a, gdje se boje mogu odrediti pomo\u0107u funkcije hsl(). To \u010dini stvaranje shema boja i pode\u0161avanje boja za razli\u010dita stanja su\u010delja (lebdjenje, aktivno itd.) mnogo intuitivnijim.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nijansa: Osnovna boja (crvena, \u017euta, zelena, itd.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zasi\u0107enost: Intenzitet boje od sive (0%) do \u010diste boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Svjetlina: Svjetlina od crne (0%) preko boje do bijele (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Uobi\u010dajeno u web dizajnu i CSS specifikacijama boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Maksimalna svjetlina (100%) uvijek proizvodi bijelu boju bez obzira na nijansu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Simetri\u010dni model srednje svjetline (50%) za \u010diste boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-fill-drip\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HSV\/HSB prostor boja<\/h3>\n <p class=\"feature-text\">HSV (koji se naziva i HSB) sli\u010dan je HSL-u, ali koristi vrijednost\/svjetlinu umjesto svjetline. U HSV-u maksimalna svjetlina (100%) daje punu boju bez obzira na zasi\u0107enost, dok u HSL-u maksimalna svjetlina uvijek daje bijelu boju.<\/p>\n <p class=\"feature-text\">HSV model \u010desto se preferira u su\u010deljima za odabir boja jer se intuitivnije preslikava na na\u010din na koji umjetnici mije\u0161aju boje s bojom\u2014po\u010dev\u0161i od crne (bez svjetla\/vrijednosti) i dodaju\u0107i pigment za stvaranje boja sve ve\u0107e svjetline. Posebno je intuitivan za stvaranje nijansi i tonova boje uz zadr\u017eavanje njezine percipirane nijanse.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nijansa: Osnovna boja (crvena, \u017euta, zelena, itd.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Zasi\u0107enost: Intenzitet boje od bijele\/sive (0%) do \u010diste boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Vrijednost\/svjetlina: Intenzitet od crne (0%) do pune boje (100%)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto se koristi u bira\u010dima boja softvera za grafi\u010dki dizajn<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Najve\u0107a vrijednost (100%) proizvodi najintenzivniju punu boju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Intuitivnije za stvaranje nijansi i tonova<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Munsell sustav boja<\/h3>\n <p class=\"feature-text\">Munsell sustav je povijesni perceptivni prostor boja koji organizira boje u tri dimenzije: nijansu, vrijednost (svjetlo\u0107u) i chroma (\u010disto\u0107u boje). Stvoren je kako bi pru\u017eio organiziranu metodu za opisivanje boja na temelju ljudske percepcije.<\/p>\n <p class=\"feature-text\">Ovaj sustav, koji je po\u010detkom 20. stolje\u0107a razvio profesor Albert H. Munsell, bio je revolucionaran jer je bio jedan od prvih koji je organizirao boje na temelju perceptivne uniformnosti, a ne fizi\u010dkih svojstava. Za razliku od modernih digitalnih prostora boja, bio je to fizi\u010dki sustav koji je koristio oslikane \u010dipove u boji raspore\u0111ene u trodimenzionalnom prostoru.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Starije od digitalnih modela boja, ali se jo\u0161 uvijek koristi u nekim podru\u010djima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utjecao na razvoj moderne teorije boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Jo\u0161 uvijek se koristi u klasifikaciji tla, likovnom obrazovanju i analizi boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temeljeno na perceptivnom razmaku, a ne na matemati\u010dkim formulama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Organizira boje u strukturu poput stabla s nijansama koje zra\u010de iz sredi\u0161nje osi<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-bezier-curve\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">HCL prostor boja<\/h3>\n <p class=\"feature-text\">HCL (Hue, Chroma, Luminance) je perceptualno ujedna\u010den prostor boja koji kombinira intuitivnu prirodu HSL-a s perceptivnom ujedna\u010deno\u0161\u0107u Laba. Posebno je koristan za stvaranje paleta boja i gradijenata koji izgledaju dosljedno u percipiranoj svjetlini i zasi\u0107enosti.<\/p>\n <p class=\"feature-text\">Iako nije toliko \u0161iroko implementiran u softveru kao HSL ili HSV, HCL (tako\u0111er nazvan LCh kada su parametri druga\u010dije poredani) postaje sve popularniji za vizualizaciju i dizajn podataka jer stvara percepcijski dosljednije ljestvice boja. Ovo je osobito va\u017eno za vizualizaciju podataka gdje se boja koristi za predstavljanje vrijednosti.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Perceptivno jednolik za razliku od HSL\/HSV<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Izvrsno za stvaranje dosljednih ljestvica boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju Lab prostora boja, ali s polarnim koordinatama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sve se vi\u0161e koristi u vizualizaciji podataka i dizajnu informacija<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Stvara skladnije i uravnote\u017eenije sheme boja<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"video-spaces\" class=\"color-space-detail-section\">\n <h2 class=\"section-title\">YCbCr i video prostori boja<\/h2>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-film\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Razdvajanje svjetline-krominacije<\/h3>\n <p class=\"feature-text\">Sustavi kompresije videa i slike \u010desto koriste prostore boja koji odvajaju svjetlinu (svjetlinu) od informacije o boji (boji). Ovaj pristup iskori\u0161tava ve\u0107u osjetljivost ljudskog vizualnog sustava na detalje svjetline nego na varijacije boja.<\/p>\n <p class=\"feature-text\">Kodiranjem svjetline u vi\u0161oj razlu\u010divosti od komponenti boje, ovi prostori omogu\u0107uju zna\u010dajnu kompresiju podataka uz odr\u017eavanje percipirane kvalitete slike. Ovo je temelj ve\u0107ine digitalnih video formata i tehnologija kompresije.<\/p>\n <p class=\"feature-text\">Ljudski vizualni sustav mnogo je osjetljiviji na promjene svjetline nego na promjene boje. Ova biolo\u0161ka \u010dinjenica iskori\u0161tava se u kompresiji videa tako \u0161to se ve\u0107a propusnost posve\u0107uje informacijama o svjetlini nego boji. Ovaj pristup, koji se naziva chroma subsampling, mo\u017ee smanjiti veli\u010dinu datoteke za 50% ili vi\u0161e uz zadr\u017eavanje vizualne kvalitete koja izgleda gotovo identi\u010dno nekomprimiranom izvoru.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"steps-container\">\n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">YCbCr prostor boja<\/h3>\n <p class=\"step-text\">YCbCr je naj\u010de\u0161\u0107i prostor boja koji se koristi u kompresiji digitalnog videa i slike. Y predstavlja svjetlinu, dok su Cb i Cr komponente boje razlike u plavoj i crvenoj boji. Ovaj je prostor usko povezan s YUV-om, ali prilago\u0111en digitalnim sustavima.<\/p>\n <p class=\"step-text\">JPEG slike, MPEG video zapisi i ve\u0107ina digitalnih video formata koriste YCbCr kodiranje. Standardna praksa “poduzorkovanja boje” (smanjenje razlu\u010divosti Cb i Cr kanala) u ovim je formatima mogu\u0107a zbog odvajanja svjetline i boje.<\/p>\n <p class=\"step-text\">Poduzorkovanje krome obi\u010dno se izra\u017eava kao omjer tri broja, kao \u0161to je 4:2:0 ili 4:2:2. U poduzorkovanju 4:2:0 (uobi\u010dajeno u strujanju videa), za svaka \u010detiri uzorka svjetline postoje samo dva vodoravna uzorka boje i nijedan okomito. To smanjuje razlu\u010divost boja na jednu \u010detvrtinu razlu\u010divosti osvjetljenja, zna\u010dajno smanjuju\u0107i veli\u010dinu datoteke uz zadr\u017eavanje izvrsne percipirane kvalitete.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u gotovo svim digitalnim video formatima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Temelj kompresije JPEG slike<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107uje u\u010dinkovito poduzorkovanje boje (4:2:0, 4:2:2, 4:4:4)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Za razli\u010dite video standarde postoje razli\u010dite varijante<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u kodecima H.264, H.265, VP9 i AV1<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">YUV prostor boja<\/h3>\n <p class=\"step-text\">YUV je razvijen za analogne televizijske sustave kako bi se omogu\u0107ila kompatibilnost unatrag izme\u0111u emitiranja u boji i crno-bijelog emitiranja. Poput YCbCr, odvaja svjetlinu (Y) od komponenti boje (U i V).<\/p>\n <p class=\"step-text\">Dok se YUV \u010desto kolokvijalno koristi za ozna\u010davanje bilo kojeg formata svjetline i boje, pravi YUV specifi\u010dan je za standarde analogne televizije. Moderni digitalni sustavi op\u0107enito koriste YCbCr, iako se pojmovi \u010desto brkaju ili koriste kao sinonimi.<\/p>\n <p class=\"step-text\">Izvorni razvoj YUV-a bio je izvanredno in\u017eenjersko postignu\u0107e koje je rije\u0161ilo izazov emitiranja TV signala u boji uz zadr\u017eavanje kompatibilnosti s postoje\u0107im crno-bijelim televizorima. Kodiranjem informacija o boji na na\u010din koji bi crno-bijeli televizori zanemarili, in\u017eenjeri su stvorili sustav u kojem se jedno emitiranje mo\u017ee gledati na obje vrste setova.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Povijesna va\u017enost u razvoju televizijskog emitiranja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u010cesto se pogre\u0161no koristi kao op\u0107i izraz za YCbCr<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Postoje razli\u010dite varijante za razli\u010dite analogne TV standarde<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sustavi PAL, NTSC i SECAM koristili su razli\u010dite YUV implementacije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Omogu\u0107ena kompatibilnost unatrag s crno-bijelom televizijom<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Rec.709 i HD Video<\/h3>\n <p class=\"step-text\">Rec.709 (ITU-R preporuka BT.709) definira prostor boja i parametre kodiranja za televiziju visoke razlu\u010divosti. Odre\u0111uje i primarne RGB i YCbCr kodiranje za HD sadr\u017eaj, s rasponom sli\u010dnim sRGB-u.<\/p>\n <p class=\"step-text\">Ovaj standard osigurava dosljednost u HD video produkciji i prikazu na razli\u010ditim ure\u0111ajima i sustavima emitiranja. Uklju\u010duje specifikacije za primarne boje, funkcije prijenosa (gama) i matri\u010dne koeficijente za pretvorbu RGB u YCbCr.<\/p>\n <p class=\"step-text\">Rec.709 uspostavljen je 1990-ih kao standard za HDTV, odre\u0111uju\u0107i ne samo prostor boja, ve\u0107 i broj sli\u010dica u sekundi, razlu\u010divost i omjere slike. Njegova gama krivulja malo se razlikuje od sRGB-a, iako dijele iste primarne boje. Iako je Rec.709 bio revolucionaran za svoje vrijeme, noviji standardi kao \u0161to su Rec.2020 i HDR formati pru\u017eaju zna\u010dajno \u0161ire raspone boja i dinami\u010dki raspon.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Standardni prostor boja za HD televiziju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Raspon sli\u010dan sRGB-u, ali s druga\u010dijim kodiranjem<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi se u Blu-ray diskovima i HD emisijama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Definira specifi\u010dnu nelinearnu prijenosnu funkciju (gama)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Nadopunjen HDR standardima kao \u0161to su PQ i HLG<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"step-card\">\n <div class=\"step-number\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Video visokog dinami\u010dkog raspona<\/h3>\n <p class=\"step-text\">High Dynamic Range (HDR) video pro\u0161iruje i raspon boja i raspon svjetline tradicionalnog videa. Standardi poput HDR10, Dolby Vision i HLG (Hybrid Log-Gamma) definiraju kako se ovaj pro\u0161ireni raspon kodira i prikazuje.<\/p>\n <p class=\"step-text\">HDR video obi\u010dno koristi nove prijenosne funkcije (EOTF) poput PQ (Perceptual Quantizer, standardiziran kao SMPTE ST 2084) koje mogu predstavljati puno \u0161iri raspon razina svjetline od tradicionalnih gama krivulja. U kombinaciji sa \u0161irokim rasponom boja poput P3 ili Rec.2020, ovo stvara puno realisti\u010dnije i impresivnije iskustvo gledanja.<\/p>\n <p class=\"step-text\">Razlika izme\u0111u SDR i HDR sadr\u017eaja je dramati\u010dna – HDR mo\u017ee prikazati sve, od dubokih sjena do svijetlih svjetla u jednom kadru, sli\u010dno kao \u0161to ljudsko oko percipira stvarne scene. Ovo eliminira potrebu za kompromisima u ekspoziciji i dinami\u010dkom rasponu koji su bili nu\u017eni kroz povijest filma i videa.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pro\u0161iruje raspon boja i raspon svjetline<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi nove funkcije prijenosa kao \u0161to su PQ i HLG<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HDR10 pru\u017ea 10-bitnu boju sa stati\u010dkim metapodacima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dolby Vision nudi 12-bitnu boju s metapodacima scenu po scenu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HLG je dizajniran za kompatibilnost s emitiranjem<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"color-comparison\" class=\"comparison-section\">\n <h2 class=\"section-title\">Usporedba uobi\u010dajenih prostora boja<\/h2>\n \n <div class=\"formats-container\">\n <h3 class=\"formats-title\">Prostori boja na prvi pogled<\/h3>\n <p class=\"formats-subtitle\">Ova usporedba isti\u010de klju\u010dne karakteristike i slu\u010dajeve upotrebe za naj\u010de\u0161\u0107e prostore boja. Razumijevanje ovih razlika klju\u010dno je za odabir pravog prostora boja za va\u0161e specifi\u010dne potrebe.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Usporedba RGB prostora boja<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>sRGB:<\/strong> Najmanji raspon, standard za web, univerzalna kompatibilnost<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Adobe RGB:<\/strong> \u0160iri raspon, bolji za ispis, posebno u zeleno-cijan podru\u010djima<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Prikaz P3:<\/strong> Pobolj\u0161ane crvene i zelene boje, koje koriste Apple ure\u0111aji<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>ProPhoto RGB:<\/strong> Izuzetno \u0161irok raspon, zahtijeva 16-bitnu dubinu, idealan za fotografiju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Preporuka 2020.:<\/strong> Ultra-\u0161irok raspon za 4K\/8K video, standard usmjeren na budu\u0107nost<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Karakteristike prostora boja<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>CMYK:<\/strong> Subtraktivan, orijentiran na ispis, manji raspon od RGB-a<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>laboratorij:<\/strong> Neovisan o ure\u0111aju, perceptivno ujedna\u010den, najve\u0107i raspon<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>HSL\/HSV:<\/strong> Intuitivan odabir boja, nije perceptivno ujedna\u010den<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>YCbCr:<\/strong> Odvaja svjetlinu od boje, optimiziran za kompresiju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>XYZ:<\/strong> Referentni prostor za znanost o boji, ne koristi se izravno za slike<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Preporuke za slu\u010dajeve uporabe<\/h3>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Web i digitalni sadr\u017eaj:<\/strong> sRGB ili zaslon P3 (s rezervnim sRGB-om)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Profesionalno fotografiranje:<\/strong> Adobe RGB ili ProPhoto RGB u 16-bitnom formatu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Izrada tiska:<\/strong> Adobe RGB za radni prostor, CMYK profil za izlaz<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Video produkcija:<\/strong> Rec.709 za HD, Rec.2020 za UHD\/HDR<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Digitalna umjetnost i dizajn:<\/strong> Adobe RGB ili Display P3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Korekcija boja:<\/strong> Laboratorij za prilagodbe neovisne o ure\u0111aju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>UI\/UX dizajn:<\/strong> HSL\/HSV za intuitivan odabir boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\"><strong>Video kompresija:<\/strong> YCbCr s odgovaraju\u0107im poduzorkovanjem boje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section id=\"practical-guides\" class=\"practical-section\">\n <h2 class=\"section-title\">Prakti\u010dno upravljanje prostorom boja<\/h2>\n \n <div class=\"features-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-cogs\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Sustavi upravljanja bojom<\/h3>\n <p class=\"feature-text\">Sustavi upravljanja bojama (CMS) osiguravaju dosljednu reprodukciju boja na razli\u010ditim ure\u0111ajima pomo\u0107u profila ure\u0111aja i transformacija prostora boja. Neophodni su za profesionalne tijekove rada u fotografiji, dizajnu i ispisu.<\/p>\n <p class=\"feature-text\">Temelj modernog upravljanja bojama je sustav profila ICC (International Color Consortium). Ovi profili opisuju karakteristike boja odre\u0111enih ure\u0111aja ili prostora boja, omogu\u0107uju\u0107i to\u010dne prijevode me\u0111u njima. Bez odgovaraju\u0107eg upravljanja bojama, iste RGB vrijednosti mogu izgledati dramati\u010dno druga\u010dije na razli\u010ditim ure\u0111ajima.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Na temelju ICC profila koji karakteriziraju pona\u0161anje boja ure\u0111aja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Koristi profile neovisne o ure\u0111aju (kao \u0161to je Lab) kao prostor za razmjenu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Rukuje mapiranjem raspona za razli\u010dite odredi\u0161ne prostore<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pru\u017ea namjere prikazivanja za razli\u010dite ciljeve konverzije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Podr\u017eava i vezu ure\u0111aja i transformacije u vi\u0161e koraka<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-desktop\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Kalibracija zaslona<\/h3>\n <p class=\"feature-text\">Kalibracija monitora je temelj upravljanja bojama, osiguravaju\u0107i da va\u0161 zaslon to\u010dno predstavlja boje. Bez kalibriranog monitora, svi ostali napori upravljanja bojama mogu biti potkopani.<\/p>\n <p class=\"feature-text\">Kalibracija uklju\u010duje pode\u0161avanje postavki va\u0161eg monitora i stvaranje ICC profila koji ispravlja sva odstupanja od standardnog pona\u0161anja boja. Ovaj postupak obi\u010dno zahtijeva hardverski kolorimetar ili spektrofotometar za to\u010dne rezultate, iako je osnovna softverska kalibracija bolja od nikakve.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ure\u0111aji za hardversku kalibraciju daju najto\u010dnije rezultate<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pode\u0161ava bijelu to\u010dku, gamu i odziv boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Stvara ICC profil koji koriste sustavi upravljanja bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Treba se provoditi redovito jer se prikazi mijenjaju tijekom vremena<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profesionalni zasloni \u010desto imaju zna\u010dajke hardverske kalibracije<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-camera\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Rad s prostorima boja kamere<\/h3>\n <p class=\"feature-text\">Digitalni fotoaparati snimaju slike u vlastitim prostorima boja, koji se zatim pretvaraju u standardne prostore poput sRGB ili Adobe RGB. Razumijevanje ovog procesa klju\u010dno je za precizne tijekove rada na fotografiji.<\/p>\n <p class=\"feature-text\">Svaka kamera ima jedinstveni senzor s vlastitim karakteristikama odziva boja. Proizvo\u0111a\u010di fotoaparata razvijaju vlastite algoritme za obradu neobra\u0111enih podataka senzora u standardizirane prostore boja. Kada snimate u RAW formatu, imate ve\u0107u kontrolu nad ovim procesom pretvorbe, \u0161to omogu\u0107uje preciznije upravljanje bojama.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">RAW datoteke sadr\u017ee sve podatke o boji koje je uhvatio senzor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">JPEG datoteke pretvaraju se u sRGB ili Adobe RGB u fotoaparatu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profili kamere mogu karakterizirati odre\u0111ene reakcije kamere na boje<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Radni prostori \u0161irokog spektra \u010duvaju najvi\u0161e podataka kamere<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">DNG profili boja (DCP) daju to\u010dne podatke o boji kamere<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-globe-americas\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Razmatranja boja sigurnih za web<\/h3>\n <p class=\"feature-text\">Iako moderni web preglednici podr\u017eavaju upravljanje bojama, mnogi zasloni i ure\u0111aji to ne podr\u017eavaju. Stvaranje web sadr\u017eaja koji izgleda dosljedno na svim ure\u0111ajima zahtijeva razumijevanje ovih ograni\u010denja.<\/p>\n <p class=\"feature-text\">Web platforma ide prema boljem upravljanju bojama, s CSS modulom boja razine 4 koja dodaje podr\u0161ku za specifikacije prostora boja. Me\u0111utim, za maksimalnu kompatibilnost i dalje je va\u017eno uzeti u obzir ograni\u010denja sRGB-a i osigurati odgovaraju\u0107e zamjene za sadr\u017eaj \u0161irokog raspona.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">sRGB ostaje najsigurniji izbor za univerzalnu kompatibilnost<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ugradite profile boja u slike za preglednike koji to podr\u017eavaju<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">CSS modul boja, razina 4 dodaje specifikacije prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Mogu\u0107e je progresivno pobolj\u0161anje za zaslone \u0161irokog raspona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Razmislite o kori\u0161tenju @media upita za otkrivanje zaslona \u0161irokog raspona<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-print\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Radni tijek proizvodnje ispisa<\/h3>\n <p class=\"feature-text\">Profesionalni tijek rada ispisa zahtijeva pa\u017eljivo upravljanje prostorom boja od snimanja do kona\u010dnog ispisa. Prijelaz s RGB na CMYK kriti\u010dan je korak s kojim se mora pravilno postupati.<\/p>\n <p class=\"feature-text\">Komercijalni tisak koristi standardizirane CMYK prostore boja na temelju specifi\u010dnih uvjeta ispisa. Ovi standardi osiguravaju dosljedne rezultate kod razli\u010ditih pru\u017eatelja tiska i tiskara. Dizajneri moraju razumjeti koji CMYK prostor boja koristi njihov pisa\u010d i ugraditi to znanje u svoj tijek rada.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Soft proofing simulira ispis na ekranu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Profili pisa\u010da karakteriziraju specifi\u010dne kombinacije ure\u0111aja i papira<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Namjere prikazivanja odre\u0111uju pristup preslikavanju raspona<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Kompenzacija crne to\u010dke \u010duva detalje u sjeni<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Probni ispisi potvr\u0111uju to\u010dnost boja prije kona\u010dne proizvodnje<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <div class=\"feature-icon\">\n <i class=\"fas fa-video\"><\/i>\n <\/div>\n <h3 class=\"feature-title\">Ocjenjivanje boja videozapisa<\/h3>\n <p class=\"feature-text\">Video produkcija uklju\u010duje slo\u017eena razmatranja prostora boja, posebno s porastom HDR-a i formata \u0161irokog raspona. Bitno je razumjeti cijeli proces od snimanja do isporuke.<\/p>\n <p class=\"feature-text\">Moderna video produkcija \u010desto koristi Academy Color Encoding System (ACES) kao standardizirani okvir za upravljanje bojama. ACES pru\u017ea zajedni\u010dki radni prostor za sve snimke bez obzira na kameru koja se koristi, pojednostavljuju\u0107i proces spajanja snimaka iz razli\u010ditih izvora i pripremaju\u0107i sadr\u017eaj za vi\u0161estruke formate isporuke.<\/p>\n <ul class=\"feature-list\">\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Formati dnevnika \u010duvaju maksimalni dinami\u010dki raspon od kamera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Radni prostori poput ACES-a pru\u017eaju standardizirano upravljanje bojama<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">HDR standardi uklju\u010duju PQ i HLG prijenosne funkcije<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Formati isporuke mogu zahtijevati vi\u0161e verzija prostora boja<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">LUT-ovi (Look-Up Tables) poma\u017eu standardizirati transformacije boja<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"faq-section\">\n <h2 class=\"section-title\">\u010cesto postavljana pitanja o prostorima boja<\/h2>\n \n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koja je razlika izme\u0111u modela boja i prostora boja?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Model boja je teorijski okvir za predstavljanje boja pomo\u0107u numeri\u010dkih vrijednosti (poput RGB ili CMYK), dok je prostor boja specifi\u010dna implementacija modela boja s definiranim parametrima. Na primjer, RGB je model boja, dok su sRGB i Adobe RGB specifi\u010dni prostori boja temeljeni na RGB modelu, svaki s razli\u010ditim rasponima i karakteristikama. Razmi\u0161ljajte o modelu boja kao o op\u0107em sustavu (poput opisa lokacija pomo\u0107u zemljopisne \u0161irine\/du\u017eine), a o prostoru boja kao o specifi\u010dnom mapiranju tog sustava (poput detaljne karte odre\u0111enog podru\u010dja s preciznim koordinatama).<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Za\u0161to moj ispisani rezultat izgleda druga\u010dije od onoga \u0161to vidim na ekranu?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Nekoliko \u010dimbenika uzrokuje ovu razliku: monitori koriste RGB (aditivnu) boju dok pisa\u010di koriste CMYK (suptraktivnu) boju; zasloni obi\u010dno imaju \u0161iru gamu od ispisa; zasloni emitiraju svjetlost dok je ispisi reflektiraju; a bez odgovaraju\u0107eg upravljanja bojama, nema prijevoda izme\u0111u ovih razli\u010ditih prostora boja. Osim toga, vrsta papira zna\u010dajno utje\u010de na to kako se boje pojavljuju u ispisu, pri \u010demu nepremazani papiri obi\u010dno proizvode manje zasi\u0107ene boje od sjajnih papira. Kalibracija va\u0161eg monitora i kori\u0161tenje ICC profila za va\u0161u specifi\u010dnu kombinaciju pisa\u010da i papira mo\u017ee zna\u010dajno smanjiti ove razlike, iako \u0107e neke razlike uvijek ostati zbog temeljnih fizi\u010dkih razlika izme\u0111u zaslona koji emitira svjetlost i ispisa koji reflektiraju svjetlost.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Trebam li koristiti sRGB, Adobe RGB ili ProPhoto RGB za fotografiju?\n <\/h3>\n <div class=\"faq-answer\">\n <p>To ovisi o va\u0161em tijeku rada i potrebama izlaza. sRGB je najbolji za slike namijenjene webu ili op\u0107em gledanju na zaslonima. Adobe RGB izvrstan je za ispis, nudi \u0161iri raspon koji bolje odgovara mogu\u0107nostima ispisa. ProPhoto RGB idealan je za profesionalne tijekove rada gdje je maksimalno o\u010duvanje informacija o boji klju\u010dno, posebno pri radu s RAW datotekama u 16-bitnom na\u010dinu rada. Mnogi fotografi koriste hibridni pristup: ure\u0111ivanje u ProPhoto RGB ili Adobe RGB, zatim pretvaranje u sRGB za web dijeljenje. Ako snimate u JPEG formatu u fotoaparatu, Adobe RGB op\u0107enito je bolji izbor od sRGB ako ga va\u0161 fotoaparat podr\u017eava, jer \u010duva vi\u0161e informacija o boji za kasnije ure\u0111ivanje. Me\u0111utim, ako snimate RAW (preporu\u010deno za maksimalnu kvalitetu), postavka prostora boja fotoaparata utje\u010de samo na JPEG pregled, a ne na stvarne RAW podatke.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n \u0160to se doga\u0111a kada su boje izvan raspona prostora boja?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Prilikom pretvorbe izme\u0111u prostora boja, boje koje su izvan raspona odredi\u0161nog prostora moraju se ponovno mapirati pomo\u0107u procesa koji se naziva preslikavanje raspona. Ovo je kontrolirano namjerama prikazivanja: Perceptualno prikazivanje \u010duva vizualne odnose izme\u0111u boja sa\u017eimanjem cijele gamute; Relativna kolorimetrija odr\u017eava boje koje su unutar oba gamuta i isje\u010de boje izvan gamuta do najbli\u017ee reproducibilne boje; Apsolutna kolorimetrija je sli\u010dna, ali se tako\u0111er prilago\u0111ava za bijeli papir; a Saturation daje prednost odr\u017eavanju \u017eivih boja u odnosu na to\u010dnost. Izbor namjere prikazivanja ovisi o sadr\u017eaju i va\u0161im prioritetima. Za fotografije Perceptual \u010desto daje rezultate najprirodnijeg izgleda. Za grafike s odre\u0111enim bojama robne marke, Relativna kolorimetrija obi\u010dno radi bolje kako bi sa\u010duvala to\u010dne boje gdje je to mogu\u0107e. Moderni sustavi za upravljanje bojama mogu vam pokazati koje su boje izvan raspona prije pretvorbe, omogu\u0107uju\u0107i vam prilagodbe kriti\u010dnih boja.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koliko je va\u017ena kalibracija monitora za upravljanje bojama?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Kalibracija monitora je temelj svakog sustava upravljanja bojama. Bez kalibriranog zaslona donosite odluke o ure\u0111ivanju na temelju neto\u010dnih informacija o boji. Kalibracija prilago\u0111ava va\u0161 monitor poznatom, standardnom stanju postavljanjem bijele to\u010dke (obi\u010dno D65\/6500K), gama (obi\u010dno 2,2) i svjetline (\u010desto 80-120 cd\/m\u00b2) i stvara ICC profil koji aplikacije za upravljanje bojama koriste za to\u010dan prikaz boja. Za profesionalni rad neophodan je ure\u0111aj za hardversku kalibraciju, a ponovnu kalibraciju treba provoditi mjese\u010dno. \u010cak i kolorimetri potro\u0161a\u010dke kvalitete mogu dramati\u010dno pobolj\u0161ati to\u010dnost boja u usporedbi s nekalibriranim zaslonima. Osim kalibracije, va\u017eno je i va\u0161e radno okru\u017eenje – neutralni sivi zidovi, kontrolirana rasvjeta i izbjegavanje izravne svjetlosti na ekranu doprinose to\u010dnijoj percepciji boja. Za kriti\u010dan rad s bojama, razmislite o ulaganju u monitor profesionalne razine sa \u0161irokim rasponom pokrivenosti, mogu\u0107nostima hardverske kalibracije i poklopcem za blokiranje ambijentalnog svjetla.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Koji prostor boja trebam koristiti za web dizajn i razvoj?\n <\/h3>\n <div class=\"faq-answer\">\n <p>sRGB ostaje standard za web sadr\u017eaj jer osigurava najdosljednije iskustvo na razli\u010ditim ure\u0111ajima i preglednicima. Iako moderni preglednici sve vi\u0161e podr\u017eavaju upravljanje bojama i \u0161ire gamute, mnogi ure\u0111aji i preglednici to jo\u0161 uvijek ne podr\u017eavaju. Za projekte koji gledaju u budu\u0107nost, mo\u017eete implementirati progresivna pobolj\u0161anja kori\u0161tenjem sRGB-a kao osnovne linije uz pru\u017eanje sredstava \u0161irokog raspona (koriste\u0107i zna\u010dajke CSS modula boja razine 4 ili ozna\u010dene slike) za ure\u0111aje koji ih podr\u017eavaju. CSS Color Module Level 4 uvodi podr\u0161ku za display-p3, prophoto-rgb i druge prostore boja putem funkcija kao \u0161to je color(display-p3 1 0.5 0), omogu\u0107uju\u0107i web dizajnerima da ciljaju zaslone \u0161ireg raspona bez \u017ertvovanja kompatibilnosti. Za maksimalnu kompatibilnost sa starijim preglednicima odr\u017eavajte sRGB verziju svih resursa i koristite otkrivanje zna\u010dajki za poslu\u017eivanje sadr\u017eaja \u0161irokog raspona samo kompatibilnim ure\u0111ajima. Uvijek testirajte svoje dizajne na vi\u0161e ure\u0111aja i preglednika kako biste osigurali prihvatljiv izgled za sve korisnike.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Kako prostori boja utje\u010du na kompresiju slike i veli\u010dinu datoteke?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Prostori boja zna\u010dajno utje\u010du na kompresiju slike i veli\u010dinu datoteke. Pretvorba iz RGB u YCbCr (u JPEG kompresiji) omogu\u0107uje chroma subsampling, \u0161to smanjuje veli\u010dinu datoteke pohranjivanjem informacija o boji u ni\u017eoj razlu\u010divosti od informacija o svjetlini, iskori\u0161tavaju\u0107i ve\u0107u osjetljivost ljudskog oka na detalje svjetline. Prostori \u0161irokog raspona kao \u0161to je ProPhoto RGB zahtijevaju ve\u0107e dubine bitova (16-bit naspram 8-bita) kako bi se izbjeglo vezivanje, \u0161to rezultira ve\u0107im datotekama. Prilikom spremanja u formatima kao \u0161to je PNG koji ne koriste poduzorkovanje boje, sam prostor boja ne utje\u010de zna\u010dajno na veli\u010dinu datoteke, ali ve\u0107e dubine bitova utje\u010du. JPEG datoteke spremljene u Adobe RGB ili ProPhoto RGB same po sebi ne koriste vi\u0161e prostora za pohranu od sRGB verzija pri istoj postavci kvalitete, ali moraju sadr\u017eavati ugra\u0111eni profil boja kako bi bile ispravno prikazane, malo pove\u0107avaju\u0107i veli\u010dinu datoteke. Za maksimalnu u\u010dinkovitost kompresije u formatima isporuke, pretvorba u 8-bitni sRGB ili YCbCr s odgovaraju\u0107im poduzorkovanjem obi\u010dno pru\u017ea najbolju ravnote\u017eu veli\u010dine datoteke i vidljive kvalitete.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"faq-item\">\n <h3 class=\"faq-question\">\n <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n Kakav je odnos izme\u0111u prostora boja i dubine bita?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Dubina bita i prostor boja me\u0111usobno su povezani pojmovi koji utje\u010du na kvalitetu slike. Dubina bita odnosi se na broj bitova koji se koriste za predstavljanje svakog kanala boje, odre\u0111uju\u0107i koliko razli\u010ditih vrijednosti boja mo\u017ee biti predstavljeno. Dok prostor boja definira raspon boja (gamu), dubina bita odre\u0111uje koliko je fino taj raspon podijeljen. Prostori boja \u0161ireg raspona kao \u0161to je ProPhoto RGB obi\u010dno zahtijevaju ve\u0107e dubine bitova kako bi se izbjeglo vezivanje i posterizacija. To je zato \u0161to se isti broj razli\u010ditih vrijednosti mora protezati kroz ve\u0107i raspon boja, stvaraju\u0107i ve\u0107e “korake” izme\u0111u susjednih boja. Na primjer, 8-bitno kodiranje pru\u017ea 256 razina po kanalu, \u0161to je op\u0107enito dovoljno za sRGB, ali nedovoljno za ProPhoto RGB. Zbog toga se u profesionalnim radnim procesima \u010desto koristi 16-bit po kanalu (65 536 razina) kada se radi u prostorima \u0161irokog raspona. Sli\u010dno tome, HDR sadr\u017eaj zahtijeva ve\u0107e bitne dubine (10-bitne ili 12-bitne) kako bi glatko prikazao svoj pro\u0161ireni raspon svjetline. Kombinacija prostora boja i dubine bita zajedno odre\u0111uje ukupan broj razli\u010ditih boja koje se mogu prikazati na slici.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"cta-section\">\n <div class=\"cta-pattern\"><\/div>\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Savladajte upravljanje bojama u svojim projektima<\/h2>\n <p class=\"cta-text\">Bilo da ste fotograf, dizajner ili razvojni programer, razumijevanje prostora boja klju\u010dno je za izradu rada profesionalne kvalitete. Primijenite ove koncepte kako biste osigurali da va\u0161e boje izgledaju dosljedno na svim medijima.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Usporedite prostore boja<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Pogledajte prakti\u010dne vodi\u010de<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e Razumijevanje prostora boja u digitalnim slikama […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3597","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Razumijevanje prostora boja u slikama: Potpuni vodi\u010d za RGB, CMYK, LAB, HSL i vi\u0161e Razumijevanje prostora boja u digitalnim slikama […]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=3597"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/3597\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=3597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}