Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s<\/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\">Entendre els espais de color en imatges digitals<\/h1>\n <p class=\"hero-subtitle\">Exploreu la guia completa de models de color, espais de color i les seves aplicacions en fotografia, disseny i imatge digital. Domina la gesti\u00f3 del color per obtenir resultats perfectes en tots els dispositius.<\/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 i YUV<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Compara els espais de color<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Guies pr\u00e0ctiques<\/a>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intro-section\">\n <h2 class=\"section-title\">La guia completa dels espais de color<\/h2>\n <p class=\"section-intro\">Els espais de color s\u00f3n models matem\u00e0tics que ens permeten representar i descriure amb precisi\u00f3 els colors de manera sistem\u00e0tica. Entendre els espais de color \u00e9s essencial per a fot\u00f2grafs, dissenyadors, editors de v\u00eddeo i qualsevol persona que treballi amb imatges digitals. Aquesta guia completa cobreix des de conceptes fonamentals fins a t\u00e8cniques avan\u00e7ades de gesti\u00f3 del color.<\/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\">Per qu\u00e8 s\u00f3n importants els espais de color<\/h3>\n <p class=\"feature-text\">Els espais de color defineixen com es reprodueixen els colors en diferents dispositius i suports. Determinen la gamma de colors (gamut) que es poden mostrar o imprimir, afectant la precisi\u00f3 i la vivacitat de les imatges. Sense una gesti\u00f3 adequada de l’espai de color, les imatges dissenyades amb cura poden apar\u00e8ixer de manera diferent del previst quan es visualitzen en diferents pantalles o materials impresos.<\/p>\n <p class=\"feature-text\">El m\u00f3n digital es basa en una comunicaci\u00f3 precisa del color. Quan feu una foto, editeu una imatge o dissenyeu un lloc web, esteu treballant dins d’espais de color espec\u00edfics que defineixen quins colors teniu disponibles i com es representen matem\u00e0ticament. Aquests espais de color actuen com un llenguatge universal que garanteix que el teu vermell sigui el mateix vermell a la pantalla d’una altra persona o a la impressi\u00f3.<\/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\">Assegura una reproducci\u00f3 coherent del color en tots els dispositius<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Maximitza la gamma de colors disponible per al vostre mitj\u00e0<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Evita els canvis de color durant les conversions de format<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Imprescindible per a una producci\u00f3 de qualitat professional<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cr\u00edtic per a la coher\u00e8ncia de la marca en mitjans digitals i impresos<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"color-models-section\">\n <h2 class=\"section-title\">Entendre els models de color i els espais<\/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\">Models de color vs. espais de color<\/h3>\n <p class=\"feature-text\">Tot i que sovint s’utilitzen de manera intercanviable, els models de color i els espais de color s\u00f3n conceptes diferents. Un model de color \u00e9s un marc te\u00f2ric per representar colors (com RGB o CMYK), mentre que un espai de color \u00e9s una implementaci\u00f3 espec\u00edfica d’un model de color amb par\u00e0metres definits (com sRGB o Adobe RGB).<\/p>\n <p class=\"feature-text\">Penseu en un model de color com un enfocament general per descriure els colors, com dir “barreja llum vermella, verda i blava per crear colors”. Un espai de color proporciona les regles espec\u00edfiques: exactament quina tonalitat de vermell, verd i blau utilitzar i com barrejar-les per obtenir resultats consistents.<\/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\">Els models de color defineixen el marc per a la representaci\u00f3 del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de color especifiquen par\u00e0metres exactes dins d’un model<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dins d’un model poden existir diversos espais de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de color tenen l\u00edmits definits i equacions de transformaci\u00f3<\/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\">Color additiu vs. subtractiu<\/h3>\n <p class=\"feature-text\">Els models de color es classifiquen com a additius o subtractius, depenent de com cre\u00efn els colors. Els models additius (com ara RGB) combinen la llum per crear colors, mentre que els models subtractius (com ara CMYK) funcionen absorbint longituds d’ona de llum.<\/p>\n <p class=\"feature-text\">La difer\u00e8ncia fonamental rau en els seus punts de partida: el color additiu comen\u00e7a amb la foscor (sense llum) i afegeix llum de colors per crear lluentor, arribant al blanc quan tots els colors es combinen a plena intensitat. El color subtractiu comen\u00e7a amb el blanc (com una p\u00e0gina en blanc) i afegeix tintes que resten (absorbeixen) determinades longituds d’ona, arribant al negre quan tots els colors es combinen a tota intensitat.<\/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\">Additiu: RGB (pantalles, pantalles digitals)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Subtractiu: CMYK (impressi\u00f3, suport f\u00edsic)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les diferents aplicacions requereixen diferents enfocaments<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les conversions de color entre sistemes additius i subtractius requereixen transformacions complexes<\/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\">Gamma de colors i profunditat de bits<\/h3>\n <p class=\"feature-text\">La gamma d’un espai de color fa refer\u00e8ncia a la gamma de colors que pot representar. La profunditat de bits determina quants colors diferents es poden representar dins d’aquesta gamma. En conjunt, aquests factors defineixen les capacitats d’un espai de color.<\/p>\n <p class=\"feature-text\">Penseu en la gamma com la paleta de colors disponible, i la profunditat de bits com la fi que es poden barrejar aquests colors. \u00c9s possible que en una gamma limitada faltin certs colors vibrants completament, mentre que una profunditat de bits insuficient crea bandes visibles en degradats en lloc de transicions suaus. El treball professional sovint requereix una \u00e0mplia gamma i una gran profunditat de bits per capturar i mostrar tota la gamma d’informaci\u00f3 visual.<\/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\">Les gammes m\u00e9s amples poden representar colors m\u00e9s vibrants<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les profunditats de bits m\u00e9s altes permeten gradients m\u00e9s suaus<\/span>\n <\/li>\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 bits = 256 nivells per canal (16,7 milions de colors)<\/span>\n <\/li>\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 bits = 65.536 nivells per canal (milers de milions de colors)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El treball professional sovint requereix espais amplis amb una gran profunditat de bits<\/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\">Espais de color RGB explicats<\/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\">El model de color RGB<\/h3>\n <p class=\"feature-text\">RGB (vermell, verd, blau) \u00e9s un model de color additiu on la llum vermella, verda i blava es combinen de diverses maneres per produir una \u00e0mplia gamma de colors. \u00c9s la base de les pantalles digitals, des de tel\u00e8fons intel\u00b7ligents fins a monitors d’ordinador i televisors.<\/p>\n <p class=\"feature-text\">En el model RGB, cada canal de color normalment utilitza 8 bits, permetent 256 nivells per canal. Aix\u00f2 crea la profunditat de color est\u00e0ndard de 24 bits (8 bits \u00d7 3 canals), capa\u00e7 de representar aproximadament 16,7 milions de colors. Les aplicacions professionals sovint utilitzen 10 bits (m\u00e9s de 1.000 milions de colors) o 16 bits (m\u00e9s de 281 bilions de colors) per obtenir gradacions de color m\u00e9s precises.<\/p>\n <p class=\"feature-text\">RGB es basa en la resposta del sistema visual hum\u00e0 a la llum, amb els tres colors primaris que corresponen aproximadament als tres tipus de receptors de color (cons) dels nostres ulls. Aix\u00f2 fa que sigui naturalment adequat per mostrar contingut digital, per\u00f2 tamb\u00e9 significa que diferents espais de color RGB poden variar considerablement en el seu rang i caracter\u00edstiques.<\/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 (RGB est\u00e0ndard)<\/h3>\n <p class=\"step-text\">Desenvolupat per HP i Microsoft el 1996, sRGB \u00e9s l’espai de color m\u00e9s com\u00fa utilitzat en imatges digitals, monitors i web. Cobreix al voltant del 35% de l’espectre de color visible i est\u00e0 dissenyat per adaptar-se als dispositius de visualitzaci\u00f3 t\u00edpics de la llar i l’oficina.<\/p>\n <p class=\"step-text\">Malgrat la seva gamma relativament limitada, sRGB segueix sent l’est\u00e0ndard per al contingut web i la fotografia de consum a causa de la seva compatibilitat universal. La majoria dels dispositius estan calibrats per mostrar sRGB correctament de manera predeterminada, la qual cosa la converteix en l’opci\u00f3 m\u00e9s segura quan voleu colors consistents en diferents pantalles sense gesti\u00f3 de colors.<\/p>\n <p class=\"step-text\">L’espai de color sRGB es va dissenyar deliberadament amb una gamma relativament petita per coincidir amb les capacitats dels monitors CRT de la d\u00e8cada de 1990. Aquesta limitaci\u00f3 ha persistit en l’ecosistema web modern, tot i que progressivament s’estan adoptant est\u00e0ndards m\u00e9s nous.<\/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\">Espai de color predeterminat per a la majoria de contingut digital<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Assegura un aspecte coherent a la majoria de dispositius<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ideal per a contingut web i fotografia general<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza de manera predeterminada a la majoria de c\u00e0meres i tel\u00e8fons intel\u00b7ligents de consum<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">T\u00e9 un valor gamma d’aproximadament 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\">Desenvolupat per Adobe Systems, Adobe RGB ofereix una gamma m\u00e9s \u00e0mplia que sRGB, que cobreix aproximadament el 50% de l’espectre de color visible. Va ser dissenyat espec\u00edficament per abastar la majoria de colors que es poden aconseguir amb impressores de color CMYK, cosa que el fa valu\u00f3s per als fluxos de treball de producci\u00f3 d’impressi\u00f3.<\/p>\n <p class=\"step-text\">La gamma ampliada d’Adobe RGB es nota especialment en tons verds cian, que sovint es trunquen en sRGB. Aix\u00f2 fa que sigui popular entre els fot\u00f2grafs i dissenyadors professionals que necessiten conservar colors vibrants, especialment per a la producci\u00f3 impresa.<\/p>\n <p class=\"step-text\">Un dels avantatges clau d’Adobe RGB \u00e9s la seva capacitat de representar una gamma m\u00e9s \u00e0mplia de colors saturats a la regi\u00f3 verd-cian, que \u00e9s important per a la fotografia de paisatges i els temes de la natura. Tanmateix, aquest avantatge nom\u00e9s es realitza quan tot el flux de treball (captura, edici\u00f3 i sortida) admet l’espai de color Adobe RGB.<\/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\">Gamma m\u00e9s \u00e0mplia que sRGB, especialment en verds i cians<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Millor per als fluxos de treball de producci\u00f3 d’impressi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Preferit per molts fot\u00f2grafs professionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Disponible com a opci\u00f3 de captura en c\u00e0meres de gamma alta<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Requereix la gesti\u00f3 del color per mostrar-se correctament<\/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\">Desenvolupat per Kodak, ProPhoto RGB (tamb\u00e9 conegut com a ROMM RGB) \u00e9s un dels espais de color RGB m\u00e9s grans, que abasta aproximadament el 90% dels colors visibles. S’est\u00e9n m\u00e9s enll\u00e0 del rang de visi\u00f3 humana en algunes \u00e0rees, cosa que li permet preservar gaireb\u00e9 tots els colors que una c\u00e0mera pot capturar.<\/p>\n <p class=\"step-text\">A causa de la seva \u00e0mplia gamma, ProPhoto RGB requereix profunditats de bits m\u00e9s altes (16 bits per canal en lloc de 8 bits) per evitar bandes en degradats. S’utilitza principalment en fluxos de treball de fotografia professional, especialment amb finalitats d’arxiu i impressi\u00f3 de gamma alta.<\/p>\n <p class=\"step-text\">ProPhoto RGB \u00e9s l’espai de treball est\u00e0ndard d’Adobe Lightroom i sovint es recomana per preservar la m\u00e0xima informaci\u00f3 de color durant el proc\u00e9s de desenvolupament en brut. \u00c9s tan gran que alguns dels seus colors s\u00f3n “imaginaris” (fora de la visi\u00f3 humana), per\u00f2 aix\u00f2 garanteix que no es retallin els colors capturats per la c\u00e0mera durant l’edici\u00f3.<\/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\">Gamma extremadament \u00e0mplia que cobreix la majoria de colors visibles<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Conserva els colors capturats per c\u00e0meres de gamma alta<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Requereix un flux de treball de 16 bits per evitar la formaci\u00f3 de bandes<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Espai de treball predeterminat a Adobe Lightroom<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">No apte per a formats de lliurament finals sense conversi\u00f3<\/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\">Pantalla P3<\/h3>\n <p class=\"step-text\">Desenvolupat per Apple, Display P3 es basa en l’espai de color DCI-P3 utilitzat al cinema digital. Ofereix aproximadament un 25% m\u00e9s de cobertura de color que sRGB, especialment en vermells i verds, fent que les imatges semblin m\u00e9s vibrants i realistes.<\/p>\n <p class=\"step-text\">La pantalla P3 ha guanyat una popularitat important, ja que \u00e9s compatible amb els dispositius d’Apple, inclosos iPhones, iPads i Mac amb pantalles de gamma \u00e0mplia. Representa un punt mitj\u00e0 entre sRGB i espais m\u00e9s amplis com Adobe RGB, oferint colors millorats tot mantenint una compatibilitat raonable.<\/p>\n <p class=\"step-text\">L’espai de color P3 es va desenvolupar originalment per a la projecci\u00f3 de cinema digital (DCI-P3), per\u00f2 Apple el va adaptar per a la tecnologia de visualitzaci\u00f3 utilitzant el punt blanc D65 (igual que sRGB) en comptes del punt blanc DCI. Aix\u00f2 fa que sigui m\u00e9s adequat per a entorns de suports mixts alhora que ofereix colors significativament m\u00e9s vibrants que sRGB.<\/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\">\u00c0mplia gamma amb una excel\u00b7lent cobertura de vermells i verds<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Natiu de les pantalles i dispositius m\u00f2bils Retina d’Apple<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Suport creixent a trav\u00e9s de plataformes digitals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza el mateix punt blanc (D65) que 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\">Cada cop \u00e9s m\u00e9s important per al disseny web i aplicacions moderns<\/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\">Desenvolupat per a televisi\u00f3 d’ultra alta definici\u00f3 (UHDTV), Rec.2020 inclou m\u00e9s del 75% dels colors visibles. \u00c9s significativament m\u00e9s gran que sRGB i Adobe RGB, proporcionant una reproducci\u00f3 de color excepcional per a contingut 4K i 8K.<\/p>\n <p class=\"step-text\">Tot i que actualment poques pantalles poden reproduir tota la gamma Rec.2020, serveix com a est\u00e0ndard de futur per a la producci\u00f3 i el mastering de v\u00eddeo de gamma alta. A mesura que la tecnologia de visualitzaci\u00f3 avan\u00e7a, m\u00e9s dispositius s’apropen a aquest espai de color expansiu.<\/p>\n <p class=\"step-text\">Rec.2020 forma part de l’est\u00e0ndard internacional d’ultra HDTV i s’utilitza juntament amb tecnologies d’alt rang din\u00e0mic (HDR) com HDR10 i Dolby Vision. La seva gamma extremadament \u00e0mplia utilitza colors primaris monocrom\u00e0tics (467nm blau, 532nm verd i 630nm vermell) que es troben a prop de la vora de l’espectre visible, cosa que li permet abastar gaireb\u00e9 tots els colors que els humans poden percebre.<\/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\">Gamma molt \u00e0mplia per a contingut d’ultra alta definici\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Est\u00e0ndard a prova de futur per a tecnologies de visualitzaci\u00f3 emergents<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en fluxos de treball de producci\u00f3 de v\u00eddeo professionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Part de l’ecosistema HDR per a v\u00eddeos de nova generaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Actualment cap pantalla no pot reproduir tota la gamma 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\">Espais de color CMYK i producci\u00f3 d’impressi\u00f3<\/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\">El model de color CMYK<\/h3>\n <p class=\"feature-text\">CMYK (cian, magenta, groc, clau\/negre) \u00e9s un model de color subtractiu que s’utilitza principalment a la impressi\u00f3. A difer\u00e8ncia del RGB, que afegeix llum per crear colors, el CMYK funciona absorbint (restant) determinades longituds d’ona de la llum blanca, utilitzant tintes sobre paper o altres substrats.<\/p>\n <p class=\"feature-text\">La gamma de CMYK sol ser m\u00e9s petita que els espais de color RGB, per aix\u00f2 les imatges digitals vibrants de vegades semblen m\u00e9s apagades quan s’imprimeixen. Entendre la relaci\u00f3 entre RGB i CMYK \u00e9s crucial per als dissenyadors i fot\u00f2grafs que creen contingut tant per a mitjans digitals com impresos.<\/p>\n <p class=\"feature-text\">En teoria, la combinaci\u00f3 de cian, magenta i groc a tota for\u00e7a hauria de produir negre, per\u00f2 a causa de les impureses de les tintes del m\u00f3n real, aix\u00f2 normalment d\u00f3na lloc a un marr\u00f3 fosc fangoss. \u00c9s per aix\u00f2 que s’afegeix una tinta negra (K) independent, proporcionant negres reals i millorant el detall de les ombres. La “K” significa “Clau” perqu\u00e8 la placa negra proporciona els detalls clau i l’alineaci\u00f3 per als altres colors en la impressi\u00f3 tradicional.<\/p>\n <p class=\"feature-text\">Els diferents tipus de paper, m\u00e8todes d’impressi\u00f3 i formulacions de tinta poden afectar dr\u00e0sticament com apareixen els colors CMYK a la sortida final. \u00c9s per aix\u00f2 que els fluxos de treball d’impressi\u00f3 professionals depenen en gran mesura de la gesti\u00f3 del color i les especificacions CMYK estandarditzades adaptades a entorns de producci\u00f3 espec\u00edfics.<\/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\">Espais de color CMYK est\u00e0ndard<\/h3>\n <p class=\"feature-text\">A difer\u00e8ncia del RGB, que t\u00e9 espais de color clarament definits com sRGB i Adobe RGB, els espais de color CMYK varien molt segons les condicions d’impressi\u00f3, els tipus de paper i les formulacions de la tinta. Alguns est\u00e0ndards CMYK comuns inclouen:<\/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> – Est\u00e0ndard per a la impressi\u00f3 offset web a Am\u00e8rica del Nord<\/span>\n <\/li>\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>Revestit FOGRA39 (ISO 12647-2:2004)<\/strong> – Norma europea per al paper estucat<\/span>\n <\/li>\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>Jap\u00f3 Color 2001 Revestit<\/strong> – Est\u00e0ndard per a la impressi\u00f3 offset al Jap\u00f3<\/span>\n <\/li>\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 Revestit<\/strong> – Especificacions per a impressi\u00f3 comercial d’alta qualitat<\/span>\n <\/li>\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> – Est\u00e0ndard per al paper estucat a Europa (versi\u00f3 anterior)<\/span>\n <\/li>\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>Revestiment de fulla dels EUA v2<\/strong> – Per a la impressi\u00f3 offset d’alimentaci\u00f3 de fulls sobre paper estucat<\/span>\n <\/li>\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>EUA sense recobrir v2<\/strong> – Per a la impressi\u00f3 sobre papers no estucats<\/span>\n <\/li>\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> – Per a paper no estucat a Europa<\/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\">Conversi\u00f3 RGB a CMYK<\/h3>\n <p class=\"feature-text\">La conversi\u00f3 de RGB a CMYK implica tant la transformaci\u00f3 matem\u00e0tica del color com el mapeig de gamma, ja que CMYK no pot reproduir tots els colors RGB. Aquest proc\u00e9s, conegut com a conversi\u00f3 de color, \u00e9s un aspecte cr\u00edtic dels fluxos de treball d’impressi\u00f3 professionals.<\/p>\n <p class=\"feature-text\">La conversi\u00f3 de RGB a CMYK \u00e9s complexa perqu\u00e8 es transforma d’un model de color additiu a un model de color subtractiu alhora que mapeja colors d’una gamma m\u00e9s gran a una de m\u00e9s petita. Sense una gesti\u00f3 adequada del color, els blaus i verds vibrants en RGB poden tornar-se avorrits i enfangats en CMYK, els vermells poden canviar cap al taronja i es poden perdre subtils variacions de color.<\/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\">Requereix sistemes de gesti\u00f3 del color per a la precisi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha de fer amb perfils ICC per obtenir els millors resultats<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sovint canvia l’aspecte dels colors vibrants<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Es fa millor al final del flux de treball de producci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La prova suau pot visualitzar l’aspecte CMYK a les pantalles RGB<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les diferents intencions de renderitzaci\u00f3 generen resultats diferents<\/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\">Colors directes i gamma ampliada<\/h3>\n <p class=\"feature-text\">Per superar les limitacions de CMYK, la impressi\u00f3 sovint incorpora colors puntuals (com Pantone) o sistemes de gamma ampliada que afegeixen tintes taronja, verda i violeta (CMYK+OGV) per ampliar la gamma de colors reprodu\u00efbles.<\/p>\n <p class=\"feature-text\">Els colors directes s\u00f3n tintes especialment barrejades que s’utilitzen per a la concordan\u00e7a exacta del color, especialment per a elements de marca com els logotips. A difer\u00e8ncia dels colors del proc\u00e9s CMYK que es creen combinant punts de les quatre tintes est\u00e0ndard, els colors puntuals es barregen pr\u00e8viament amb una f\u00f3rmula exacta, assegurant una consist\u00e8ncia perfecta en tots els materials impresos.<\/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\">El sistema Pantone Matching System proporciona colors puntuals estandarditzats<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La impressi\u00f3 de gamma ampliada s’acosta a la gamma de colors RGB<\/span>\n <\/li>\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 altres sistemes afegeixen tintes prim\u00e0ries addicionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cr\u00edtic per a la precisi\u00f3 del color de la marca en l’embalatge i el m\u00e0rqueting<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els sistemes CMYK + taronja, verd i violeta (7 colors) poden reproduir fins al 90% dels colors Pantone<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les premses digitals modernes sovint admeten la impressi\u00f3 de gamma ampliada<\/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\">Espais de color independents del laboratori i del dispositiu<\/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\">Models de color independents del dispositiu<\/h3>\n <p class=\"feature-text\">A difer\u00e8ncia de RGB i CMYK, que depenen del dispositiu (la seva aparen\u00e7a varia segons el maquinari), els espais de color independents del dispositiu com CIE L*a*b* (Lab) i CIE XYZ tenen com a objectiu descriure els colors tal com s\u00f3n percebuts per l’ull hum\u00e0, independentment de com es mostrin o reprodueixin.<\/p>\n <p class=\"feature-text\">Aquests espais de color serveixen com a base dels sistemes moderns de gesti\u00f3 del color, actuant com a “traductor universal” entre diferents dispositius i models de color. Es basen en la comprensi\u00f3 cient\u00edfica de la percepci\u00f3 humana del color en lloc de les capacitats del dispositiu.<\/p>\n <p class=\"feature-text\">Els espais de color independents del dispositiu s\u00f3n essencials perqu\u00e8 proporcionen un punt de refer\u00e8ncia estable en els fluxos de treball de gesti\u00f3 del color. Tot i que els mateixos valors RGB poden semblar diferents en diversos monitors, un valor de color Lab representa el mateix color percebut independentment del dispositiu. \u00c9s per aix\u00f2 que Lab serveix com a espai de connexi\u00f3 de perfil (PCS) en la gesti\u00f3 del color ICC, facilitant conversions precises entre diferents espais de color.<\/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\">Espai de color CIE XYZ<\/h3>\n <p class=\"step-text\">Creat el 1931 per la Comissi\u00f3 Internacional d’Il\u00b7luminaci\u00f3 (CIE), l’espai de color XYZ va ser el primer espai de color definit matem\u00e0ticament. Compr\u00e8n tots els colors visibles per l’ull hum\u00e0 mitj\u00e0 i serveix de base per a altres espais de color.<\/p>\n <p class=\"step-text\">A XYZ, Y representa la lumin\u00e0ncia, mentre que X i Z s\u00f3n valors abstractes relacionats amb els components crom\u00e0tics del color. Aquest espai s’utilitza principalment com a est\u00e0ndard de refer\u00e8ncia i rarament per a la codificaci\u00f3 directa d’imatges. Continua sent fonamental per a la ci\u00e8ncia del color i la base de les transformacions del color.<\/p>\n <p class=\"step-text\">L’espai de color CIE XYZ es va derivar d’una s\u00e8rie d’experiments sobre la percepci\u00f3 humana del color. Els investigadors van cartografiar com la persona mitjana percebia diferents longituds d’ona de la llum, creant el que es coneix com l’espai de color CIE 1931, que inclou el fam\u00f3s diagrama de cromaticitat “en forma de ferradura” que mapeja tots els colors possibles visibles per als humans.<\/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\">Fonaments de la mesura cient\u00edfica del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Compr\u00e8n tots els colors visibles per l’home<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza com a refer\u00e8ncia per a les transformacions de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en mesures de la percepci\u00f3 humana del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Desenvolupat utilitzant el model d’observador est\u00e0ndard<\/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) Espai de color<\/h3>\n <p class=\"step-text\">Desenvolupat el 1976, CIE L*a*b* (sovint simplement anomenat “Lab”) est\u00e0 dissenyat per ser perceptualment uniforme, \u00e9s a dir, dist\u00e0ncies iguals en l’espai de color corresponen a difer\u00e8ncies de color aproximadament iguals. Aix\u00f2 el fa ideal per mesurar difer\u00e8ncies de color i realitzar correccions de color.<\/p>\n <p class=\"step-text\">A Lab, L* representa la lleugeresa (0-100), a* representa l’eix verd-vermell i b* representa l’eix blau-groc. Aquesta separaci\u00f3 de la lluminositat de la informaci\u00f3 de color fa que Lab sigui especialment \u00fatil per a tasques d’edici\u00f3 d’imatges, com ara ajustar el contrast sense afectar els colors.<\/p>\n <p class=\"step-text\">La uniformitat perceptiva del laboratori el fa inestimable per a la correcci\u00f3 del color i el control de qualitat. Si dos colors tenen una petita difer\u00e8ncia num\u00e8rica en els valors del laboratori, nom\u00e9s apareixeran lleugerament diferents als observadors humans. Aquesta propietat no \u00e9s certa per a RGB o CMYK, on \u200b\u200bla mateixa difer\u00e8ncia num\u00e8rica pot provocar canvis percebuts dr\u00e0sticament diferents en funci\u00f3 de la ubicaci\u00f3 dels colors de l’espai de color.<\/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\">Perceptiblement uniforme per a una mesura precisa del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Separa la claredat de la informaci\u00f3 de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en edici\u00f3 avan\u00e7ada d’imatges i correcci\u00f3 de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Component b\u00e0sic dels fluxos de treball de gesti\u00f3 del color ICC<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pot expressar colors fora de la gamma de 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\">S’utilitza per als c\u00e0lculs de difer\u00e8ncies de color 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* Espai de color<\/h3>\n <p class=\"step-text\">CIE L*u*v* es va desenvolupar juntament amb L*a*b* com a espai de color alternatiu perceptiu uniforme. \u00c9s especialment \u00fatil per a aplicacions que impliquen una barreja de color additiva i pantalles, mentre que L*a*b* sovint es prefereix per a sistemes de color subtractius com la impressi\u00f3.<\/p>\n <p class=\"step-text\">Igual que Lab, L*u*v* utilitza L* per a la lleugeresa, mentre que u* i v* s\u00f3n coordenades de cromaticitat. Aquest espai de color s’utilitza habitualment en sistemes de transmissi\u00f3 de televisi\u00f3 i c\u00e0lculs de difer\u00e8ncies de color per a tecnologies de visualitzaci\u00f3.<\/p>\n <p class=\"step-text\">Una difer\u00e8ncia clau entre L*a*b* i L*u*v* \u00e9s que L*u*v* va ser dissenyat espec\u00edficament per gestionar millor els colors emissius i la il\u00b7luminaci\u00f3. Inclou la capacitat de representar colors en termes de coordenades de cromaticitat que es poden correlacionar f\u00e0cilment amb els diagrames de cromaticitat utilitzats en la colorimetria i el disseny d’il\u00b7luminaci\u00f3.<\/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\">Adequat per a aplicacions de color additiu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en ind\u00fastries de televisi\u00f3 i emissi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Proporciona mesures uniformes de la difer\u00e8ncia de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Millor per als colors emissius i el disseny d’il\u00b7luminaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Inclou mapes de temperatura de color correlacionats<\/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 espais de color perceptius<\/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\">Representaci\u00f3 intu\u00eftiva del color<\/h3>\n <p class=\"feature-text\">Mentre que RGB i CMYK descriuen els colors en termes de barreja de colors primaris, HSL (Tonalitat, Saturaci\u00f3, Lluminositat) i HSV\/HSB (Tonalitat, Saturaci\u00f3, Valor\/Lluminositat) representen els colors d’una manera m\u00e9s intu\u00eftiva per a com pensem els humans sobre el color.<\/p>\n <p class=\"feature-text\">Aquests espais separen els components del color (matitza) dels atributs d’intensitat (saturaci\u00f3 i lluminositat\/lluminositat), cosa que els fa especialment \u00fatils per a la selecci\u00f3 de colors, el disseny d’interf\u00edcie d’usuari i les aplicacions art\u00edstiques on els ajustaments de color intu\u00eftius s\u00f3n importants.<\/p>\n <p class=\"feature-text\">L’avantatge clau de HSL i HSV \u00e9s que s’alineen m\u00e9s estretament amb com la gent pensa i descriu els colors de manera natural. Quan alg\u00fa vol crear “un blau m\u00e9s fosc” o “un vermell m\u00e9s vibrant”, est\u00e0 pensant en termes de to, saturaci\u00f3 i brillantor, no en termes de valors RGB. \u00c9s per aix\u00f2 que els selectors de color al programari de disseny sovint presenten tant controls lliscants RGB com opcions HSL\/HSV.<\/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\">Espai de color HSL<\/h3>\n <p class=\"feature-text\">HSL representa els colors en un sistema de coordenades cil\u00edndriques, amb la tonalitat com a angle (0-360\u00b0) que representa el tipus de color, la saturaci\u00f3 (0-100%) que indica la intensitat del color i la claredat (0-100%) que descriu com de clar o fosc \u00e9s el color.<\/p>\n <p class=\"feature-text\">L’HSL \u00e9s especialment \u00fatil per a aplicacions de disseny perqu\u00e8 els seus par\u00e0metres s’assignen de manera intu\u00eftiva a com descrivim els colors. S’utilitza \u00e0mpliament en el desenvolupament web mitjan\u00e7ant CSS, on els colors es poden especificar mitjan\u00e7ant la funci\u00f3 hsl(). Aix\u00f2 fa que la creaci\u00f3 d’esquemes de colors i l’ajust de colors per a diferents estats de la interf\u00edcie (passar el cursor, activa, etc.) sigui molt m\u00e9s intu\u00eftiva.<\/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\">To: el color base (vermell, groc, verd, etc.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Saturaci\u00f3: intensitat del color des de gris (0%) fins a color pur (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\">Lluminositat: brillantor des del negre (0%) passant pel color fins al blanc (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\">Com\u00fa en disseny web i especificacions de color CSS<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La m\u00e0xima lleugeresa (100%) sempre produeix blanc independentment de la tonalitat<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Model sim\u00e8tric amb lleugeresa mitjana (50%) per a colors purs<\/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\">Espai de color HSV\/HSB<\/h3>\n <p class=\"feature-text\">HSV (tamb\u00e9 anomenat HSB) \u00e9s semblant a HSL, per\u00f2 utilitza Valor\/Brillo en lloc de Lluminositat. A HSV, la m\u00e0xima lluminositat (100%) produeix tot el color independentment de la saturaci\u00f3, mentre que a HSL, la m\u00e0xima lluminositat sempre produeix blanc.<\/p>\n <p class=\"feature-text\">El model HSV es prefereix sovint a les interf\u00edcies de selecci\u00f3 de colors perqu\u00e8 s’ajusta de manera m\u00e9s intu\u00eftiva a com els artistes barregen colors amb pintura, comen\u00e7ant pel negre (sense llum\/valor) i afegint pigment per crear colors de brillantor creixent. \u00c9s particularment intu\u00eftiu per crear matisos i tons d’un color tot mantenint la seva tonalitat percebuda.<\/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\">To: el color base (vermell, groc, verd, etc.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Saturaci\u00f3: intensitat del color des de blanc\/gris (0%) fins a color pur (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\">Valor\/brillantor: intensitat del negre (0%) a tot color (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\">S’utilitza habitualment en els selectors de color de programari de disseny gr\u00e0fic<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El valor m\u00e0xim (100%) produeix el color complet en la seva m\u00e0xima intensitat<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">M\u00e9s intu\u00eftiu per crear matisos i tons<\/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\">Sistema de color Munsell<\/h3>\n <p class=\"feature-text\">El sistema Munsell \u00e9s un espai de color perceptiu hist\u00f2ric que organitza els colors en tres dimensions: tonalitat, valor (lluminositat) i croma (puresa del color). Va ser creat per proporcionar un m\u00e8tode organitzat per descriure els colors basat en la percepci\u00f3 humana.<\/p>\n <p class=\"feature-text\">Desenvolupat a principis del segle XX pel professor Albert H. Munsell, aquest sistema va ser revolucionari perqu\u00e8 va ser un dels primers a organitzar els colors basant-se en la uniformitat perceptiva m\u00e9s que en les propietats f\u00edsiques. A difer\u00e8ncia dels espais de color digitals moderns, era un sistema f\u00edsic que utilitzava fitxes de color pintades disposades en un espai tridimensional.<\/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\">\u00c9s anterior als models digitals de color, per\u00f2 encara s’utilitza en alguns camps<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Influent en el desenvolupament de la teoria moderna del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Encara s’utilitza en la classificaci\u00f3 del s\u00f2l, l’educaci\u00f3 art\u00edstica i l’an\u00e0lisi del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en l’espaiat perceptiu m\u00e9s que en f\u00f3rmules matem\u00e0tiques<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Organitza els colors en una estructura semblant a un arbre amb una tonalitat que irradia des d’un eix central<\/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\">Espai de color HCL<\/h3>\n <p class=\"feature-text\">HCL (Hue, Chroma, Luminance) \u00e9s un espai de color perceptivament uniforme que combina la naturalesa intu\u00eftiva de HSL amb la uniformitat perceptiva de Lab. \u00c9s especialment \u00fatil per crear paletes de colors i degradats que semblen consistents en la brillantor i la saturaci\u00f3 percebudes.<\/p>\n <p class=\"feature-text\">Tot i que no s’ha implementat tan \u00e0mpliament al programari com HSL o HSV, HCL (tamb\u00e9 anomenat LCh quan els par\u00e0metres s’ordenen de manera diferent) est\u00e0 guanyant popularitat per a la visualitzaci\u00f3 i el disseny de dades perqu\u00e8 crea escales de color m\u00e9s coherents de percepci\u00f3. Aix\u00f2 \u00e9s especialment important per a la visualitzaci\u00f3 de dades on el color s’utilitza per representar valors.<\/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\">Perceptiblement uniforme a difer\u00e8ncia de 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\">Excel\u00b7lent per crear escales de color consistents<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en l’espai de color Lab per\u00f2 amb coordenades polars<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cada cop m\u00e9s utilitzat en la visualitzaci\u00f3 de dades i el disseny de la informaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Crea esquemes de colors m\u00e9s harmoniosos i equilibrats<\/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 espais de color de v\u00eddeo<\/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\">Separaci\u00f3 lumin\u00e0ncia-cromin\u00e0ncia<\/h3>\n <p class=\"feature-text\">Els sistemes de compressi\u00f3 de v\u00eddeo i imatge sovint utilitzen espais de color que separen la informaci\u00f3 de la lumin\u00e0ncia (lluminositat) de la cromin\u00e0ncia (color). Aquest enfocament aprofita la major sensibilitat del sistema visual hum\u00e0 als detalls de brillantor que a les variacions de color.<\/p>\n <p class=\"feature-text\">Mitjan\u00e7ant la codificaci\u00f3 de la lumin\u00e0ncia a una resoluci\u00f3 m\u00e9s alta que els components de cromin\u00e0ncia, aquests espais permeten una compressi\u00f3 important de dades alhora que mantenen la qualitat de la imatge percebuda. Aquesta \u00e9s la base de la majoria de formats de v\u00eddeo digital i tecnologies de compressi\u00f3.<\/p>\n <p class=\"feature-text\">El sistema visual hum\u00e0 \u00e9s molt m\u00e9s sensible als canvis de brillantor que als canvis de color. Aquest fet biol\u00f2gic s’aprofita en la compressi\u00f3 de v\u00eddeo dedicant m\u00e9s amplada de banda a la informaci\u00f3 de lumin\u00e0ncia que al color. Aquest enfocament, anomenat submostreig de croma, pot reduir la mida dels fitxers en un 50% o m\u00e9s, mantenint una qualitat visual que sembla gaireb\u00e9 id\u00e8ntica a la font sense comprimir.<\/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\">Espai de color YCbCr<\/h3>\n <p class=\"step-text\">YCbCr \u00e9s l’espai de color m\u00e9s com\u00fa utilitzat en compressi\u00f3 de v\u00eddeo i imatge digital. Y representa la lumin\u00e0ncia, mentre que Cb i Cr s\u00f3n components de cromin\u00e0ncia de difer\u00e8ncia blava i difer\u00e8ncia vermella. Aquest espai est\u00e0 molt relacionat amb YUV per\u00f2 adaptat per a sistemes digitals.<\/p>\n <p class=\"step-text\">Les imatges JPEG, els v\u00eddeos MPEG i la majoria dels formats de v\u00eddeo digital utilitzen la codificaci\u00f3 YCbCr. La pr\u00e0ctica est\u00e0ndard de “submostreig de croma” (reduint la resoluci\u00f3 dels canals Cb i Cr) en aquests formats \u00e9s possible a causa de la separaci\u00f3 lumin\u00e0ncia-cromin\u00e0ncia.<\/p>\n <p class=\"step-text\">El submostreig de croma normalment s’expressa com una proporci\u00f3 de tres nombres, com ara 4:2:0 o 4:2:2. En el submostreig 4:2:0 (com\u00fa a la transmissi\u00f3 de v\u00eddeo), per cada quatre mostres de lumin\u00e0ncia, nom\u00e9s hi ha dues mostres de cromin\u00e0ncia horitzontal i cap vertical. Aix\u00f2 redueix la resoluci\u00f3 del color a una quarta part de la resoluci\u00f3 de lumin\u00e0ncia, reduint significativament la mida del fitxer alhora que es mant\u00e9 una excel\u00b7lent qualitat percebuda.<\/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\">S’utilitza en pr\u00e0cticament tots els formats de v\u00eddeo digital<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Fonaments de la compressi\u00f3 d’imatges JPEG<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Permet un submostreig de croma eficient (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\">Existeixen diferents variants per a diferents est\u00e0ndards de v\u00eddeo<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza als c\u00f2decs 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\">Espai de color YUV<\/h3>\n <p class=\"step-text\">YUV va ser desenvolupat per a sistemes de televisi\u00f3 anal\u00f2gic per proporcionar compatibilitat enrere entre les emissions en color i en blanc i negre. Igual que YCbCr, separa els components de la lumin\u00e0ncia (Y) dels components de la cromin\u00e0ncia (U i V).<\/p>\n <p class=\"step-text\">Mentre que YUV s’utilitza sovint col\u00b7loquialment per referir-se a qualsevol format de lumin\u00e0ncia-cromin\u00e0ncia, el veritable YUV \u00e9s espec\u00edfic dels est\u00e0ndards de televisi\u00f3 anal\u00f2gic. Els sistemes digitals moderns utilitzen generalment YCbCr, tot i que els termes sovint es confonen o s’utilitzen indistintament.<\/p>\n <p class=\"step-text\">El desenvolupament original de YUV va ser un assoliment d’enginyeria notable que va resoldre el repte d’emetre senyals de televisi\u00f3 en color tot mantenint la compatibilitat amb els televisors en blanc i negre existents. Mitjan\u00e7ant la codificaci\u00f3 de la informaci\u00f3 en color d’una manera que els televisors en blanc i negre ignorarien, els enginyers van crear un sistema on es podia veure una sola emissi\u00f3 en ambd\u00f3s tipus de plat\u00f3s.<\/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\">Import\u00e0ncia hist\u00f2rica en el desenvolupament de la televisi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sovint s’utilitza incorrectament com a terme general per a 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\">Existeixen diferents variants per a diferents est\u00e0ndards de televisi\u00f3 anal\u00f2gica<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els sistemes PAL, NTSC i SECAM van utilitzar diferents implementacions YUV<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha activat la compatibilitat enrere amb la televisi\u00f3 en blanc i negre<\/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 v\u00eddeo HD<\/h3>\n <p class=\"step-text\">La Rec.709 (Recomanaci\u00f3 UIT-R BT.709) defineix l’espai de color i els par\u00e0metres de codificaci\u00f3 per a la televisi\u00f3 d’alta definici\u00f3. Especifica tant els primaris RGB com una codificaci\u00f3 YCbCr per al contingut HD, amb una gamma similar a sRGB.<\/p>\n <p class=\"step-text\">Aquest est\u00e0ndard garanteix la coher\u00e8ncia en la producci\u00f3 i visualitzaci\u00f3 de v\u00eddeo HD en diferents dispositius i sistemes de difusi\u00f3. Inclou especificacions per a color primaris, funcions de transfer\u00e8ncia (gamma) i coeficients de matriu per a la conversi\u00f3 de RGB a YCbCr.<\/p>\n <p class=\"step-text\">Rec.709 es va establir a la d\u00e8cada de 1990 com a est\u00e0ndard per a HDTV, especificant no nom\u00e9s l’espai de color sin\u00f3 tamb\u00e9 les velocitats de fotogrames, la resoluci\u00f3 i les relacions d’aspecte. La seva corba gamma \u00e9s lleugerament diferent de la sRGB, tot i que comparteixen els mateixos colors primaris. Tot i que el Rec.709 va ser revolucionari per a la seva \u00e8poca, els est\u00e0ndards m\u00e9s nous com els formats Rec.2020 i HDR ofereixen gammes de color i rang din\u00e0mic significativament m\u00e9s amplis.<\/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\">Espai de color est\u00e0ndard per a televisi\u00f3 HD<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Gamma similar a sRGB per\u00f2 amb una codificaci\u00f3 diferent<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en discos Blu-ray i emissions en HD<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Defineix una funci\u00f3 de transfer\u00e8ncia no lineal espec\u00edfica (gamma)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Es complementen amb est\u00e0ndards HDR com 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\">V\u00eddeo d’alt rang din\u00e0mic<\/h3>\n <p class=\"step-text\">El v\u00eddeo High Dynamic Range (HDR) amplia tant la gamma de colors com la gamma de brillantor del v\u00eddeo tradicional. Est\u00e0ndards com HDR10, Dolby Vision i HLG (Hybrid Log-Gamma) defineixen com es codifica i es mostra aquest rang ampliat.<\/p>\n <p class=\"step-text\">El v\u00eddeo HDR normalment utilitza noves funcions de transfer\u00e8ncia (EOTF) com PQ (Quantitzador perceptiu, estandarditzat com SMPTE ST 2084) que pot representar una gamma molt m\u00e9s \u00e0mplia de nivells de brillantor que les corbes gamma tradicionals. Combinat amb una \u00e0mplia gamma de colors com P3 o Rec.2020, aix\u00f2 crea una experi\u00e8ncia de visualitzaci\u00f3 molt m\u00e9s realista i immersiva.<\/p>\n <p class=\"step-text\">La difer\u00e8ncia entre el contingut SDR i HDR \u00e9s espectacular: l’HDR pot representar tot, des d’ombres profundes fins a reflexos brillants en un \u00fanic fotograma, de manera similar a com l’ull hum\u00e0 percep les escenes reals. Aix\u00f2 elimina la necessitat dels compromisos en l’exposici\u00f3 i el rang din\u00e0mic que han estat necessaris al llarg de la hist\u00f2ria del cinema i el v\u00eddeo.<\/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\">Amplia la gamma de colors i la gamma de brillantor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza noves funcions de transfer\u00e8ncia com 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 proporciona color de 10 bits amb metadades est\u00e0tiques<\/span>\n <\/li>\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 ofereix color de 12 bits amb metadades escena per escena<\/span>\n <\/li>\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 va ser dissenyat per a la compatibilitat de difusi\u00f3<\/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\">Comparaci\u00f3 d’espais de color comuns<\/h2>\n \n <div class=\"formats-container\">\n <h3 class=\"formats-title\">Espais de color d’un cop d’ull<\/h3>\n <p class=\"formats-subtitle\">Aquesta comparaci\u00f3 destaca les caracter\u00edstiques clau i els casos d’\u00fas dels espais de color m\u00e9s habituals. Entendre aquestes difer\u00e8ncies \u00e9s essencial per triar l’espai de color adequat per a les vostres necessitats espec\u00edfiques.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Comparaci\u00f3 d’espais de color RGB<\/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> Gamma m\u00e9s petita, est\u00e0ndard per a web, compatibilitat universal<\/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> Gamma m\u00e9s \u00e0mplia, millor per a la impressi\u00f3, especialment a les zones verd-cian<\/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>Pantalla P3:<\/strong> Vermells i verds millorats, utilitzats pels dispositius Apple<\/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> Gamma extremadament \u00e0mplia, requereix una profunditat de 16 bits, ideal per a la fotografia<\/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>Rec.2020:<\/strong> Gamma molt \u00e0mplia per a v\u00eddeo 4K\/8K, est\u00e0ndard enfocat al futur<\/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\">Caracter\u00edstiques de l’espai de color<\/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> Subtractiu, orientat a la impressi\u00f3, gamma m\u00e9s petita que RGB<\/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>Laboratori:<\/strong> Gamma m\u00e9s gran independent del dispositiu, perceptualment uniforme<\/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> Selecci\u00f3 de color intu\u00eftiva, no perceptivament uniforme<\/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> Separa la lumin\u00e0ncia del color, optimitzat per a la compressi\u00f3<\/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> Espai de refer\u00e8ncia per a la ci\u00e8ncia del color, no utilitzat directament per a imatges<\/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\">Recomanacions de casos d’\u00fas<\/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>Contingut web i digital:<\/strong> sRGB o Display P3 (amb sRGB alternativa)<\/span>\n <\/li>\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>Fotografia professional:<\/strong> Adobe RGB o ProPhoto RGB en 16 bits<\/span>\n <\/li>\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>Producci\u00f3 d’impressi\u00f3:<\/strong> Adobe RGB per a l’espai de treball, perfil CMYK per a la sortida<\/span>\n <\/li>\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>Producci\u00f3 de v\u00eddeo:<\/strong> Rec.709 per a HD, Rec.2020 per a 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>Art i disseny digitals:<\/strong> Adobe RGB o 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>Correcci\u00f3 de color:<\/strong> Laboratori d’ajustaments independents del dispositiu<\/span>\n <\/li>\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>Disseny UI\/UX:<\/strong> HSL\/HSV per a una selecci\u00f3 de colors intu\u00eftiva<\/span>\n <\/li>\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>Compressi\u00f3 de v\u00eddeo:<\/strong> YCbCr amb submostreig de croma adequat<\/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\">Gesti\u00f3 pr\u00e0ctica de l’espai de color<\/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\">Sistemes de gesti\u00f3 del color<\/h3>\n <p class=\"feature-text\">Els sistemes de gesti\u00f3 del color (CMS) garanteixen una reproducci\u00f3 coherent del color en diferents dispositius mitjan\u00e7ant l’\u00fas de perfils de dispositiu i transformacions d’espai de color. S\u00f3n essencials per als fluxos de treball professionals en fotografia, disseny i impressi\u00f3.<\/p>\n <p class=\"feature-text\">La base de la gesti\u00f3 moderna del color \u00e9s el sistema de perfils ICC (International Color Consortium). Aquests perfils descriuen les caracter\u00edstiques del color de dispositius o espais de color espec\u00edfics, permetent traduccions precises entre ells. Sense una gesti\u00f3 adequada del color, els mateixos valors RGB poden ser molt diferents en diversos dispositius.<\/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\">Basat en perfils ICC que caracteritzen el comportament del color del dispositiu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza perfils independents del dispositiu (com ara Lab) com a espai d’intercanvi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Gestiona el mapeig de gamma per a diferents espais de destinaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Proporciona intencions de renderitzaci\u00f3 per a diferents objectius de conversi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Admet tant l’enlla\u00e7 del dispositiu com les transformacions de diversos passos<\/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\">Calibraci\u00f3 de la pantalla<\/h3>\n <p class=\"feature-text\">La calibraci\u00f3 del monitor \u00e9s la base de la gesti\u00f3 del color, assegurant que la pantalla representi els colors amb precisi\u00f3. Sense un monitor calibrat, tots els altres esfor\u00e7os de gesti\u00f3 del color poden quedar soscavats.<\/p>\n <p class=\"feature-text\">La calibraci\u00f3 implica ajustar la configuraci\u00f3 del monitor i crear un perfil ICC que corregeix qualsevol desviaci\u00f3 del comportament est\u00e0ndard del color. Aquest proc\u00e9s normalment requereix un color\u00edmetre de maquinari o un espectrofot\u00f2metre per obtenir resultats precisos, tot i que la calibraci\u00f3 b\u00e0sica del programari \u00e9s millor que cap.<\/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\">Els dispositius de calibratge de maquinari proporcionen els resultats m\u00e9s precisos<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ajusta el punt blanc, la gamma i la resposta del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Crea un perfil ICC que utilitzen els sistemes de gesti\u00f3 del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha de fer amb regularitat a mesura que les pantalles canvien amb el temps<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les pantalles professionals solen tenir funcions de calibratge de maquinari<\/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\">Treballant amb espais de color de c\u00e0mera<\/h3>\n <p class=\"feature-text\">Les c\u00e0meres digitals capturen imatges en els seus propis espais de color, que despr\u00e9s es converteixen en espais est\u00e0ndard com sRGB o Adobe RGB. Entendre aquest proc\u00e9s \u00e9s crucial per a fluxos de treball de fotografia precisos.<\/p>\n <p class=\"feature-text\">Cada c\u00e0mera t\u00e9 un sensor \u00fanic amb les seves pr\u00f2pies caracter\u00edstiques de resposta del color. Els fabricants de c\u00e0meres desenvolupen algorismes propietaris per processar les dades del sensor en brut en espais de color estandarditzats. Quan feu fotos en format RAW, teniu m\u00e9s control sobre aquest proc\u00e9s de conversi\u00f3, cosa que permet una gesti\u00f3 del color m\u00e9s precisa.<\/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\">Els fitxers RAW contenen totes les dades de color capturades pel sensor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els fitxers JPEG es converteixen a sRGB o Adobe RGB a la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils de la c\u00e0mera poden caracteritzar respostes espec\u00edfiques de color de la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de treball de gamma \u00e0mplia conserven la majoria de dades de la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils de color DNG (DCP) proporcionen dades de color precises de la c\u00e0mera<\/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\">Consideracions sobre el color segur per a la web<\/h3>\n <p class=\"feature-text\">Tot i que els navegadors web moderns admeten la gesti\u00f3 del color, moltes pantalles i dispositius no ho fan. La creaci\u00f3 de contingut web que sembli coherent en tots els dispositius requereix comprendre aquestes limitacions.<\/p>\n <p class=\"feature-text\">La plataforma web avan\u00e7a cap a una millor gesti\u00f3 del color, amb el nivell 4 del m\u00f2dul de color CSS que afegeix suport per a les especificacions de l’espai de color. No obstant aix\u00f2, per a la m\u00e0xima compatibilitat, encara \u00e9s important tenir en compte les limitacions de sRGB i proporcionar alternatives adequades per al contingut de gamma \u00e0mplia.<\/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 segueix sent l’opci\u00f3 m\u00e9s segura per a la compatibilitat universal<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Insereix perfils de color a les imatges per als navegadors que ho admeten<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El nivell 4 del m\u00f2dul de color CSS afegeix especificacions d’espai de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u00c9s possible una millora progressiva per a pantalles de gamma \u00e0mplia<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Penseu en utilitzar les consultes @media per detectar pantalles de gamma \u00e0mplia<\/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\">Flux de treball de producci\u00f3 d’impressi\u00f3<\/h3>\n <p class=\"feature-text\">Els fluxos de treball d’impressi\u00f3 professionals requereixen una gesti\u00f3 acurada de l’espai de color des de la captura fins a la sortida final. La transici\u00f3 de RGB a CMYK \u00e9s un pas cr\u00edtic que s’ha de gestionar correctament.<\/p>\n <p class=\"feature-text\">La impressi\u00f3 comercial utilitza espais de color CMYK estandarditzats basats en condicions d’impressi\u00f3 espec\u00edfiques. Aquests est\u00e0ndards garanteixen resultats coherents entre diferents prove\u00efdors d’impressi\u00f3 i premses. Els dissenyadors han d’entendre quin espai de color CMYK utilitza la seva impressora i incorporar aquest coneixement al seu flux de treball.<\/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\">La prova suau simula la sortida impresa a la pantalla<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils d’impressora caracteritzen combinacions espec\u00edfiques de dispositiu i paper<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les intencions de representaci\u00f3 determinen l’enfocament de mapeig de gamma<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La compensaci\u00f3 del punt negre conserva el detall de l’ombra<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les impressions de prova validen la precisi\u00f3 del color abans de la producci\u00f3 final<\/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\">Classificaci\u00f3 de color de v\u00eddeo<\/h3>\n <p class=\"feature-text\">La producci\u00f3 de v\u00eddeo implica consideracions complexes d’espai de color, especialment amb l’augment dels formats HDR i de gamma \u00e0mplia. \u00c9s essencial entendre el pipeline complet des de la captura fins al lliurament.<\/p>\n <p class=\"feature-text\">La producci\u00f3 de v\u00eddeo moderna sovint utilitza el sistema de codificaci\u00f3 de color de l’Academia (ACES) com a marc de gesti\u00f3 del color estandarditzat. ACES proporciona un espai de treball com\u00fa per a totes les imatges, independentment de la c\u00e0mera utilitzada, simplificant el proc\u00e9s de combinaci\u00f3 de plans de diferents fonts i preparant contingut per a diversos formats de lliurament.<\/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\">Els formats de registre conserven el m\u00e0xim rang din\u00e0mic de les c\u00e0meres<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de treball com ACES ofereixen una gesti\u00f3 del color estandarditzada<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els est\u00e0ndards HDR inclouen funcions de transfer\u00e8ncia 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\">Els formats de lliurament poden requerir diverses versions d’espai de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les LUT (Taules de cerca) ajuden a estandarditzar les transformacions de color<\/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\">Preguntes freq\u00fcents sobre els espais de color<\/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 Quina difer\u00e8ncia hi ha entre un model de color i un espai de color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Un model de color \u00e9s un marc te\u00f2ric per representar colors mitjan\u00e7ant valors num\u00e8rics (com ara RGB o CMYK), mentre que un espai de color \u00e9s una implementaci\u00f3 espec\u00edfica d’un model de color amb par\u00e0metres definits. Per exemple, RGB \u00e9s un model de color, mentre que sRGB i Adobe RGB s\u00f3n espais de color espec\u00edfics basats en el model RGB, cadascun amb diferents gammes i caracter\u00edstiques. Penseu en un model de color com el sistema general (com descriure ubicacions utilitzant latitud\/longitud) i un espai de color com un mapeig espec\u00edfic d’aquest sistema (com un mapa detallat d’una regi\u00f3 concreta amb coordenades precises).<\/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 Per qu\u00e8 la meva sortida impresa es veu diferent del que veig a la pantalla?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Diversos factors causen aquesta difer\u00e8ncia: els monitors utilitzen color RGB (additiu) mentre que les impressores utilitzen color CMYK (subtractiu); Les pantalles solen tenir una gamma m\u00e9s \u00e0mplia que la sortida impresa; les pantalles emeten llum mentre les impressions la reflecteixen; i sense una gesti\u00f3 adequada del color, no hi ha traducci\u00f3 entre aquests diferents espais de color. A m\u00e9s, el tipus de paper afecta significativament com apareixen els colors a la impressi\u00f3, ja que els papers sense revestir solen produir colors menys saturats que els papers brillants. Calibrar el monitor i utilitzar perfils ICC per a la vostra combinaci\u00f3 de paper i impressora espec\u00edfica pot reduir significativament aquestes discrep\u00e0ncies, tot i que sempre es mantindran algunes difer\u00e8ncies a causa de les difer\u00e8ncies f\u00edsiques fonamentals entre les pantalles que emeten llum i les impressions que reflecteixen la llum.<\/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 He d’utilitzar sRGB, Adobe RGB o ProPhoto RGB per a la fotografia?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Dep\u00e8n del vostre flux de treball i de les vostres necessitats de sortida. sRGB \u00e9s millor per a imatges destinades a la web o visualitzaci\u00f3 general a les pantalles. Adobe RGB \u00e9s excel\u00b7lent per al treball d’impressi\u00f3, oferint una gamma m\u00e9s \u00e0mplia que s’adapta millor a les capacitats d’impressi\u00f3. ProPhoto RGB \u00e9s ideal per a fluxos de treball professionals on la m\u00e0xima preservaci\u00f3 de la informaci\u00f3 del color \u00e9s fonamental, especialment quan es treballa amb fitxers RAW en mode de 16 bits. Molts fot\u00f2grafs utilitzen un enfocament h\u00edbrid: editen en ProPhoto RGB o Adobe RGB i despr\u00e9s converteixen a sRGB per compartir-los web. Si esteu gravant en format JPEG a la c\u00e0mera, Adobe RGB \u00e9s generalment una millor opci\u00f3 que sRGB si la vostra c\u00e0mera l’admet, ja que conserva m\u00e9s informaci\u00f3 de color per a l’edici\u00f3 posterior. Tanmateix, si feu RAW (recomanat per obtenir la m\u00e0xima qualitat), la configuraci\u00f3 de l’espai de color de la c\u00e0mera nom\u00e9s afecta la previsualitzaci\u00f3 JPEG i no les dades RAW reals.<\/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 Qu\u00e8 passa quan els colors estan fora de la gamma d’un espai de color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Quan es converteixen entre espais de color, els colors que queden fora de la gamma de l’espai de destinaci\u00f3 s’han de tornar a assignar mitjan\u00e7ant un proc\u00e9s anomenat mapeig de gamma. Aix\u00f2 es controla mitjan\u00e7ant les intencions de representaci\u00f3: la representaci\u00f3 perceptiva preserva les relacions visuals entre els colors comprimint tota la gamma; La colorimetria relativa mant\u00e9 els colors que estan dins de les gammes i retalla els colors fora de la gamma al color reprodu\u00efble m\u00e9s proper; Colorim\u00e8tric absolut \u00e9s similar per\u00f2 tamb\u00e9 s’ajusta per al blanc del paper; i la saturaci\u00f3 prioritza mantenir colors vibrants per sobre de la precisi\u00f3. L’elecci\u00f3 de la intenci\u00f3 de representaci\u00f3 dep\u00e8n del contingut i de les vostres prioritats. Per a les fotografies, Perceptual produeix sovint els resultats m\u00e9s naturals. Per a gr\u00e0fics amb colors de marca espec\u00edfics, la colorimetria relativa normalment funciona millor per preservar els colors exactes sempre que sigui possible. Els sistemes moderns de gesti\u00f3 del color us poden mostrar quins colors estan fora de la gamma abans de la conversi\u00f3, cosa que us permetr\u00e0 fer ajustos als colors cr\u00edtics.<\/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 Quina import\u00e0ncia t\u00e9 el calibratge del monitor per a la gesti\u00f3 del color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>La calibraci\u00f3 del monitor \u00e9s la base de qualsevol sistema de gesti\u00f3 del color. Sense una pantalla calibrada, esteu prenent decisions d’edici\u00f3 basades en informaci\u00f3 de color inexacta. La calibraci\u00f3 ajusta el monitor a un estat est\u00e0ndard conegut mitjan\u00e7ant la configuraci\u00f3 del punt blanc (normalment D65\/6500K), gamma (normalment 2,2) i la brillantor (sovint 80-120 cd\/m\u00b2) i crea un perfil ICC que les aplicacions gestionades per color utilitzen per mostrar els colors amb precisi\u00f3. Per al treball professional, un dispositiu de calibratge de maquinari \u00e9s essencial i la recalibraci\u00f3 s’ha de fer mensualment. Fins i tot els color\u00edmetres de qualitat del consumidor poden millorar dr\u00e0sticament la precisi\u00f3 del color en comparaci\u00f3 amb les pantalles no calibrades. M\u00e9s enll\u00e0 del calibratge, el vostre entorn de treball tamb\u00e9 \u00e9s important: parets grises neutres, il\u00b7luminaci\u00f3 controlada i evitar la llum directa a la pantalla contribueixen a una percepci\u00f3 del color m\u00e9s precisa. Per a treballs de color cr\u00edtics, considereu invertir en un monitor de qualitat professional amb una \u00e0mplia cobertura de gamma, capacitats de calibratge de maquinari i una caputxa per bloquejar la llum ambiental.<\/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 Quin espai de color he d’utilitzar per al disseny i desenvolupament web?\n <\/h3>\n <div class=\"faq-answer\">\n <p>sRGB segueix sent l’est\u00e0ndard per al contingut web, ja que garanteix l’experi\u00e8ncia m\u00e9s coherent en diferents dispositius i navegadors. Tot i que els navegadors moderns admeten cada cop m\u00e9s la gesti\u00f3 del color i una gamma m\u00e9s \u00e0mplia, molts dispositius i navegadors encara no ho fan. Per a projectes amb visi\u00f3 de futur, podeu implementar una millora progressiva utilitzant sRGB com a l\u00ednia de base alhora que proporcioneu actius d’ampli ventall (utilitzant funcions de nivell 4 del m\u00f2dul de color CSS o imatges etiquetades) per als dispositius que els admeten. El CSS Color Module Level 4 introdueix suport per a display-p3, prophoto-rgb i altres espais de color mitjan\u00e7ant funcions com el color (display-p3 1 0.5 0), permetent als dissenyadors web orientar-se a pantalles de gamma m\u00e9s \u00e0mplia sense sacrificar la compatibilitat. Per a la m\u00e0xima compatibilitat amb navegadors antics, manteniu una versi\u00f3 sRGB de tots els actius i utilitzeu la detecci\u00f3 de funcions per oferir contingut d’ampli ventall nom\u00e9s a dispositius compatibles. Proveu sempre els vostres dissenys en diversos dispositius i navegadors per garantir un aspecte acceptable per a tots els usuaris.<\/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 Com afecten els espais de color la compressi\u00f3 de la imatge i la mida del fitxer?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Els espais de color afecten significativament la compressi\u00f3 de la imatge i la mida del fitxer. La conversi\u00f3 de RGB a YCbCr (en compressi\u00f3 JPEG) permet el submostreig de croma, que redueix la mida del fitxer emmagatzemant la informaci\u00f3 de color a una resoluci\u00f3 m\u00e9s baixa que la informaci\u00f3 de brillantor, aprofitant la major sensibilitat de l’ull hum\u00e0 als detalls de la lumin\u00e0ncia. Els espais de gamma \u00e0mplia com ProPhoto RGB requereixen profunditats de bits m\u00e9s altes (16 bits enfront de 8 bits) per evitar la formaci\u00f3 de bandes, donant lloc a fitxers m\u00e9s grans. Quan deseu en formats com el PNG que no utilitzen submostreig de croma, l’espai de color en si no afecta significativament la mida del fitxer, per\u00f2 les profunditats de bits m\u00e9s altes s\u00ed. Els fitxers JPEG desats a Adobe RGB o ProPhoto RGB no utilitzen inherentment m\u00e9s emmagatzematge que les versions sRGB amb la mateixa configuraci\u00f3 de qualitat, per\u00f2 han d’incloure un perfil de color incrustat perqu\u00e8 es mostri correctament, augmentant lleugerament la mida del fitxer. Per obtenir la m\u00e0xima efici\u00e8ncia de compressi\u00f3 en formats de lliurament, la conversi\u00f3 a sRGB o YCbCr de 8 bits amb un submostreig adequat normalment proporciona el millor equilibri entre la mida del fitxer i la qualitat visible.<\/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 Quina relaci\u00f3 hi ha entre els espais de color i la profunditat de bits?\n <\/h3>\n <div class=\"faq-answer\">\n <p>La profunditat de bits i l’espai de color s\u00f3n conceptes interrelacionats que afecten la qualitat de la imatge. La profunditat de bits fa refer\u00e8ncia al nombre de bits utilitzats per representar cada canal de color, determinant quants valors de color diferents es poden representar. Tot i que l’espai de color defineix la gamma de colors (gamut), la profunditat de bits determina com de finament es divideix aquest rang. Els espais de color de gamma m\u00e9s \u00e0mplia com ProPhoto RGB solen requerir profunditats de bits m\u00e9s altes per evitar bandes i posteritzaci\u00f3. Aix\u00f2 es deu al fet que el mateix nombre de valors diferents s’han d’estendre en una gamma de colors m\u00e9s gran, creant “passos” m\u00e9s grans entre colors adjacents. Per exemple, la codificaci\u00f3 de 8 bits proporciona 256 nivells per canal, que generalment \u00e9s suficient per a sRGB per\u00f2 inadequat per a ProPhoto RGB. \u00c9s per aix\u00f2 que els fluxos de treball professionals sovint utilitzen 16 bits per canal (65.536 nivells) quan treballen en espais de gamma \u00e0mplia. De la mateixa manera, el contingut HDR requereix profunditats de bits m\u00e9s altes (10 o 12 bits) per representar sense problemes el seu rang de brillantor est\u00e8s. La combinaci\u00f3 de l’espai de color i la profunditat de bits conjuntament determina el nombre total de colors diferents que es poden representar en una imatge.<\/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\">M\u00e0ster Gesti\u00f3 del color en els teus projectes<\/h2>\n <p class=\"cta-text\">Tant si sou fot\u00f2grafs, dissenyadors o desenvolupadors, entendre els espais de color \u00e9s essencial per produir un treball de qualitat professional. Apliqueu aquests conceptes per assegurar-vos que els vostres colors semblen coherents en tots els mitjans.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Compara els espais de color<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Veure guies pr\u00e0ctiques<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s Entendre els espais […]<\/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":"Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s Entendre els espais […]","_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\/ca\/entendre-els-espais-de-color-en-imatges-digitals\/","title":{"rendered":"Entendre els espais de color en imatges digitals"},"content":{"rendered":"\n\n\n\n \n \n \n \n Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s<\/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\">Entendre els espais de color en imatges digitals<\/h1>\n <p class=\"hero-subtitle\">Exploreu la guia completa de models de color, espais de color i les seves aplicacions en fotografia, disseny i imatge digital. Domina la gesti\u00f3 del color per obtenir resultats perfectes en tots els dispositius.<\/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 i YUV<\/span>\n <\/div>\n <\/div>\n \n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Compara els espais de color<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Guies pr\u00e0ctiques<\/a>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"intro-section\">\n <h2 class=\"section-title\">La guia completa dels espais de color<\/h2>\n <p class=\"section-intro\">Els espais de color s\u00f3n models matem\u00e0tics que ens permeten representar i descriure amb precisi\u00f3 els colors de manera sistem\u00e0tica. Entendre els espais de color \u00e9s essencial per a fot\u00f2grafs, dissenyadors, editors de v\u00eddeo i qualsevol persona que treballi amb imatges digitals. Aquesta guia completa cobreix des de conceptes fonamentals fins a t\u00e8cniques avan\u00e7ades de gesti\u00f3 del color.<\/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\">Per qu\u00e8 s\u00f3n importants els espais de color<\/h3>\n <p class=\"feature-text\">Els espais de color defineixen com es reprodueixen els colors en diferents dispositius i suports. Determinen la gamma de colors (gamut) que es poden mostrar o imprimir, afectant la precisi\u00f3 i la vivacitat de les imatges. Sense una gesti\u00f3 adequada de l’espai de color, les imatges dissenyades amb cura poden apar\u00e8ixer de manera diferent del previst quan es visualitzen en diferents pantalles o materials impresos.<\/p>\n <p class=\"feature-text\">El m\u00f3n digital es basa en una comunicaci\u00f3 precisa del color. Quan feu una foto, editeu una imatge o dissenyeu un lloc web, esteu treballant dins d’espais de color espec\u00edfics que defineixen quins colors teniu disponibles i com es representen matem\u00e0ticament. Aquests espais de color actuen com un llenguatge universal que garanteix que el teu vermell sigui el mateix vermell a la pantalla d’una altra persona o a la impressi\u00f3.<\/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\">Assegura una reproducci\u00f3 coherent del color en tots els dispositius<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Maximitza la gamma de colors disponible per al vostre mitj\u00e0<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Evita els canvis de color durant les conversions de format<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Imprescindible per a una producci\u00f3 de qualitat professional<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cr\u00edtic per a la coher\u00e8ncia de la marca en mitjans digitals i impresos<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n \n <section class=\"color-models-section\">\n <h2 class=\"section-title\">Entendre els models de color i els espais<\/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\">Models de color vs. espais de color<\/h3>\n <p class=\"feature-text\">Tot i que sovint s’utilitzen de manera intercanviable, els models de color i els espais de color s\u00f3n conceptes diferents. Un model de color \u00e9s un marc te\u00f2ric per representar colors (com RGB o CMYK), mentre que un espai de color \u00e9s una implementaci\u00f3 espec\u00edfica d’un model de color amb par\u00e0metres definits (com sRGB o Adobe RGB).<\/p>\n <p class=\"feature-text\">Penseu en un model de color com un enfocament general per descriure els colors, com dir “barreja llum vermella, verda i blava per crear colors”. Un espai de color proporciona les regles espec\u00edfiques: exactament quina tonalitat de vermell, verd i blau utilitzar i com barrejar-les per obtenir resultats consistents.<\/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\">Els models de color defineixen el marc per a la representaci\u00f3 del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de color especifiquen par\u00e0metres exactes dins d’un model<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Dins d’un model poden existir diversos espais de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de color tenen l\u00edmits definits i equacions de transformaci\u00f3<\/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\">Color additiu vs. subtractiu<\/h3>\n <p class=\"feature-text\">Els models de color es classifiquen com a additius o subtractius, depenent de com cre\u00efn els colors. Els models additius (com ara RGB) combinen la llum per crear colors, mentre que els models subtractius (com ara CMYK) funcionen absorbint longituds d’ona de llum.<\/p>\n <p class=\"feature-text\">La difer\u00e8ncia fonamental rau en els seus punts de partida: el color additiu comen\u00e7a amb la foscor (sense llum) i afegeix llum de colors per crear lluentor, arribant al blanc quan tots els colors es combinen a plena intensitat. El color subtractiu comen\u00e7a amb el blanc (com una p\u00e0gina en blanc) i afegeix tintes que resten (absorbeixen) determinades longituds d’ona, arribant al negre quan tots els colors es combinen a tota intensitat.<\/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\">Additiu: RGB (pantalles, pantalles digitals)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Subtractiu: CMYK (impressi\u00f3, suport f\u00edsic)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les diferents aplicacions requereixen diferents enfocaments<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les conversions de color entre sistemes additius i subtractius requereixen transformacions complexes<\/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\">Gamma de colors i profunditat de bits<\/h3>\n <p class=\"feature-text\">La gamma d’un espai de color fa refer\u00e8ncia a la gamma de colors que pot representar. La profunditat de bits determina quants colors diferents es poden representar dins d’aquesta gamma. En conjunt, aquests factors defineixen les capacitats d’un espai de color.<\/p>\n <p class=\"feature-text\">Penseu en la gamma com la paleta de colors disponible, i la profunditat de bits com la fi que es poden barrejar aquests colors. \u00c9s possible que en una gamma limitada faltin certs colors vibrants completament, mentre que una profunditat de bits insuficient crea bandes visibles en degradats en lloc de transicions suaus. El treball professional sovint requereix una \u00e0mplia gamma i una gran profunditat de bits per capturar i mostrar tota la gamma d’informaci\u00f3 visual.<\/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\">Les gammes m\u00e9s amples poden representar colors m\u00e9s vibrants<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les profunditats de bits m\u00e9s altes permeten gradients m\u00e9s suaus<\/span>\n <\/li>\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 bits = 256 nivells per canal (16,7 milions de colors)<\/span>\n <\/li>\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 bits = 65.536 nivells per canal (milers de milions de colors)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El treball professional sovint requereix espais amplis amb una gran profunditat de bits<\/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\">Espais de color RGB explicats<\/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\">El model de color RGB<\/h3>\n <p class=\"feature-text\">RGB (vermell, verd, blau) \u00e9s un model de color additiu on la llum vermella, verda i blava es combinen de diverses maneres per produir una \u00e0mplia gamma de colors. \u00c9s la base de les pantalles digitals, des de tel\u00e8fons intel\u00b7ligents fins a monitors d’ordinador i televisors.<\/p>\n <p class=\"feature-text\">En el model RGB, cada canal de color normalment utilitza 8 bits, permetent 256 nivells per canal. Aix\u00f2 crea la profunditat de color est\u00e0ndard de 24 bits (8 bits \u00d7 3 canals), capa\u00e7 de representar aproximadament 16,7 milions de colors. Les aplicacions professionals sovint utilitzen 10 bits (m\u00e9s de 1.000 milions de colors) o 16 bits (m\u00e9s de 281 bilions de colors) per obtenir gradacions de color m\u00e9s precises.<\/p>\n <p class=\"feature-text\">RGB es basa en la resposta del sistema visual hum\u00e0 a la llum, amb els tres colors primaris que corresponen aproximadament als tres tipus de receptors de color (cons) dels nostres ulls. Aix\u00f2 fa que sigui naturalment adequat per mostrar contingut digital, per\u00f2 tamb\u00e9 significa que diferents espais de color RGB poden variar considerablement en el seu rang i caracter\u00edstiques.<\/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 (RGB est\u00e0ndard)<\/h3>\n <p class=\"step-text\">Desenvolupat per HP i Microsoft el 1996, sRGB \u00e9s l’espai de color m\u00e9s com\u00fa utilitzat en imatges digitals, monitors i web. Cobreix al voltant del 35% de l’espectre de color visible i est\u00e0 dissenyat per adaptar-se als dispositius de visualitzaci\u00f3 t\u00edpics de la llar i l’oficina.<\/p>\n <p class=\"step-text\">Malgrat la seva gamma relativament limitada, sRGB segueix sent l’est\u00e0ndard per al contingut web i la fotografia de consum a causa de la seva compatibilitat universal. La majoria dels dispositius estan calibrats per mostrar sRGB correctament de manera predeterminada, la qual cosa la converteix en l’opci\u00f3 m\u00e9s segura quan voleu colors consistents en diferents pantalles sense gesti\u00f3 de colors.<\/p>\n <p class=\"step-text\">L’espai de color sRGB es va dissenyar deliberadament amb una gamma relativament petita per coincidir amb les capacitats dels monitors CRT de la d\u00e8cada de 1990. Aquesta limitaci\u00f3 ha persistit en l’ecosistema web modern, tot i que progressivament s’estan adoptant est\u00e0ndards m\u00e9s nous.<\/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\">Espai de color predeterminat per a la majoria de contingut digital<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Assegura un aspecte coherent a la majoria de dispositius<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ideal per a contingut web i fotografia general<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza de manera predeterminada a la majoria de c\u00e0meres i tel\u00e8fons intel\u00b7ligents de consum<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">T\u00e9 un valor gamma d’aproximadament 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\">Desenvolupat per Adobe Systems, Adobe RGB ofereix una gamma m\u00e9s \u00e0mplia que sRGB, que cobreix aproximadament el 50% de l’espectre de color visible. Va ser dissenyat espec\u00edficament per abastar la majoria de colors que es poden aconseguir amb impressores de color CMYK, cosa que el fa valu\u00f3s per als fluxos de treball de producci\u00f3 d’impressi\u00f3.<\/p>\n <p class=\"step-text\">La gamma ampliada d’Adobe RGB es nota especialment en tons verds cian, que sovint es trunquen en sRGB. Aix\u00f2 fa que sigui popular entre els fot\u00f2grafs i dissenyadors professionals que necessiten conservar colors vibrants, especialment per a la producci\u00f3 impresa.<\/p>\n <p class=\"step-text\">Un dels avantatges clau d’Adobe RGB \u00e9s la seva capacitat de representar una gamma m\u00e9s \u00e0mplia de colors saturats a la regi\u00f3 verd-cian, que \u00e9s important per a la fotografia de paisatges i els temes de la natura. Tanmateix, aquest avantatge nom\u00e9s es realitza quan tot el flux de treball (captura, edici\u00f3 i sortida) admet l’espai de color Adobe RGB.<\/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\">Gamma m\u00e9s \u00e0mplia que sRGB, especialment en verds i cians<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Millor per als fluxos de treball de producci\u00f3 d’impressi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Preferit per molts fot\u00f2grafs professionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Disponible com a opci\u00f3 de captura en c\u00e0meres de gamma alta<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Requereix la gesti\u00f3 del color per mostrar-se correctament<\/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\">Desenvolupat per Kodak, ProPhoto RGB (tamb\u00e9 conegut com a ROMM RGB) \u00e9s un dels espais de color RGB m\u00e9s grans, que abasta aproximadament el 90% dels colors visibles. S’est\u00e9n m\u00e9s enll\u00e0 del rang de visi\u00f3 humana en algunes \u00e0rees, cosa que li permet preservar gaireb\u00e9 tots els colors que una c\u00e0mera pot capturar.<\/p>\n <p class=\"step-text\">A causa de la seva \u00e0mplia gamma, ProPhoto RGB requereix profunditats de bits m\u00e9s altes (16 bits per canal en lloc de 8 bits) per evitar bandes en degradats. S’utilitza principalment en fluxos de treball de fotografia professional, especialment amb finalitats d’arxiu i impressi\u00f3 de gamma alta.<\/p>\n <p class=\"step-text\">ProPhoto RGB \u00e9s l’espai de treball est\u00e0ndard d’Adobe Lightroom i sovint es recomana per preservar la m\u00e0xima informaci\u00f3 de color durant el proc\u00e9s de desenvolupament en brut. \u00c9s tan gran que alguns dels seus colors s\u00f3n “imaginaris” (fora de la visi\u00f3 humana), per\u00f2 aix\u00f2 garanteix que no es retallin els colors capturats per la c\u00e0mera durant l’edici\u00f3.<\/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\">Gamma extremadament \u00e0mplia que cobreix la majoria de colors visibles<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Conserva els colors capturats per c\u00e0meres de gamma alta<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Requereix un flux de treball de 16 bits per evitar la formaci\u00f3 de bandes<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Espai de treball predeterminat a Adobe Lightroom<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">No apte per a formats de lliurament finals sense conversi\u00f3<\/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\">Pantalla P3<\/h3>\n <p class=\"step-text\">Desenvolupat per Apple, Display P3 es basa en l’espai de color DCI-P3 utilitzat al cinema digital. Ofereix aproximadament un 25% m\u00e9s de cobertura de color que sRGB, especialment en vermells i verds, fent que les imatges semblin m\u00e9s vibrants i realistes.<\/p>\n <p class=\"step-text\">La pantalla P3 ha guanyat una popularitat important, ja que \u00e9s compatible amb els dispositius d’Apple, inclosos iPhones, iPads i Mac amb pantalles de gamma \u00e0mplia. Representa un punt mitj\u00e0 entre sRGB i espais m\u00e9s amplis com Adobe RGB, oferint colors millorats tot mantenint una compatibilitat raonable.<\/p>\n <p class=\"step-text\">L’espai de color P3 es va desenvolupar originalment per a la projecci\u00f3 de cinema digital (DCI-P3), per\u00f2 Apple el va adaptar per a la tecnologia de visualitzaci\u00f3 utilitzant el punt blanc D65 (igual que sRGB) en comptes del punt blanc DCI. Aix\u00f2 fa que sigui m\u00e9s adequat per a entorns de suports mixts alhora que ofereix colors significativament m\u00e9s vibrants que sRGB.<\/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\">\u00c0mplia gamma amb una excel\u00b7lent cobertura de vermells i verds<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Natiu de les pantalles i dispositius m\u00f2bils Retina d’Apple<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Suport creixent a trav\u00e9s de plataformes digitals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza el mateix punt blanc (D65) que 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\">Cada cop \u00e9s m\u00e9s important per al disseny web i aplicacions moderns<\/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\">Desenvolupat per a televisi\u00f3 d’ultra alta definici\u00f3 (UHDTV), Rec.2020 inclou m\u00e9s del 75% dels colors visibles. \u00c9s significativament m\u00e9s gran que sRGB i Adobe RGB, proporcionant una reproducci\u00f3 de color excepcional per a contingut 4K i 8K.<\/p>\n <p class=\"step-text\">Tot i que actualment poques pantalles poden reproduir tota la gamma Rec.2020, serveix com a est\u00e0ndard de futur per a la producci\u00f3 i el mastering de v\u00eddeo de gamma alta. A mesura que la tecnologia de visualitzaci\u00f3 avan\u00e7a, m\u00e9s dispositius s’apropen a aquest espai de color expansiu.<\/p>\n <p class=\"step-text\">Rec.2020 forma part de l’est\u00e0ndard internacional d’ultra HDTV i s’utilitza juntament amb tecnologies d’alt rang din\u00e0mic (HDR) com HDR10 i Dolby Vision. La seva gamma extremadament \u00e0mplia utilitza colors primaris monocrom\u00e0tics (467nm blau, 532nm verd i 630nm vermell) que es troben a prop de la vora de l’espectre visible, cosa que li permet abastar gaireb\u00e9 tots els colors que els humans poden percebre.<\/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\">Gamma molt \u00e0mplia per a contingut d’ultra alta definici\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Est\u00e0ndard a prova de futur per a tecnologies de visualitzaci\u00f3 emergents<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en fluxos de treball de producci\u00f3 de v\u00eddeo professionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Part de l’ecosistema HDR per a v\u00eddeos de nova generaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Actualment cap pantalla no pot reproduir tota la gamma 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\">Espais de color CMYK i producci\u00f3 d’impressi\u00f3<\/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\">El model de color CMYK<\/h3>\n <p class=\"feature-text\">CMYK (cian, magenta, groc, clau\/negre) \u00e9s un model de color subtractiu que s’utilitza principalment a la impressi\u00f3. A difer\u00e8ncia del RGB, que afegeix llum per crear colors, el CMYK funciona absorbint (restant) determinades longituds d’ona de la llum blanca, utilitzant tintes sobre paper o altres substrats.<\/p>\n <p class=\"feature-text\">La gamma de CMYK sol ser m\u00e9s petita que els espais de color RGB, per aix\u00f2 les imatges digitals vibrants de vegades semblen m\u00e9s apagades quan s’imprimeixen. Entendre la relaci\u00f3 entre RGB i CMYK \u00e9s crucial per als dissenyadors i fot\u00f2grafs que creen contingut tant per a mitjans digitals com impresos.<\/p>\n <p class=\"feature-text\">En teoria, la combinaci\u00f3 de cian, magenta i groc a tota for\u00e7a hauria de produir negre, per\u00f2 a causa de les impureses de les tintes del m\u00f3n real, aix\u00f2 normalment d\u00f3na lloc a un marr\u00f3 fosc fangoss. \u00c9s per aix\u00f2 que s’afegeix una tinta negra (K) independent, proporcionant negres reals i millorant el detall de les ombres. La “K” significa “Clau” perqu\u00e8 la placa negra proporciona els detalls clau i l’alineaci\u00f3 per als altres colors en la impressi\u00f3 tradicional.<\/p>\n <p class=\"feature-text\">Els diferents tipus de paper, m\u00e8todes d’impressi\u00f3 i formulacions de tinta poden afectar dr\u00e0sticament com apareixen els colors CMYK a la sortida final. \u00c9s per aix\u00f2 que els fluxos de treball d’impressi\u00f3 professionals depenen en gran mesura de la gesti\u00f3 del color i les especificacions CMYK estandarditzades adaptades a entorns de producci\u00f3 espec\u00edfics.<\/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\">Espais de color CMYK est\u00e0ndard<\/h3>\n <p class=\"feature-text\">A difer\u00e8ncia del RGB, que t\u00e9 espais de color clarament definits com sRGB i Adobe RGB, els espais de color CMYK varien molt segons les condicions d’impressi\u00f3, els tipus de paper i les formulacions de la tinta. Alguns est\u00e0ndards CMYK comuns inclouen:<\/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> – Est\u00e0ndard per a la impressi\u00f3 offset web a Am\u00e8rica del Nord<\/span>\n <\/li>\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>Revestit FOGRA39 (ISO 12647-2:2004)<\/strong> – Norma europea per al paper estucat<\/span>\n <\/li>\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>Jap\u00f3 Color 2001 Revestit<\/strong> – Est\u00e0ndard per a la impressi\u00f3 offset al Jap\u00f3<\/span>\n <\/li>\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 Revestit<\/strong> – Especificacions per a impressi\u00f3 comercial d’alta qualitat<\/span>\n <\/li>\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> – Est\u00e0ndard per al paper estucat a Europa (versi\u00f3 anterior)<\/span>\n <\/li>\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>Revestiment de fulla dels EUA v2<\/strong> – Per a la impressi\u00f3 offset d’alimentaci\u00f3 de fulls sobre paper estucat<\/span>\n <\/li>\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>EUA sense recobrir v2<\/strong> – Per a la impressi\u00f3 sobre papers no estucats<\/span>\n <\/li>\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> – Per a paper no estucat a Europa<\/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\">Conversi\u00f3 RGB a CMYK<\/h3>\n <p class=\"feature-text\">La conversi\u00f3 de RGB a CMYK implica tant la transformaci\u00f3 matem\u00e0tica del color com el mapeig de gamma, ja que CMYK no pot reproduir tots els colors RGB. Aquest proc\u00e9s, conegut com a conversi\u00f3 de color, \u00e9s un aspecte cr\u00edtic dels fluxos de treball d’impressi\u00f3 professionals.<\/p>\n <p class=\"feature-text\">La conversi\u00f3 de RGB a CMYK \u00e9s complexa perqu\u00e8 es transforma d’un model de color additiu a un model de color subtractiu alhora que mapeja colors d’una gamma m\u00e9s gran a una de m\u00e9s petita. Sense una gesti\u00f3 adequada del color, els blaus i verds vibrants en RGB poden tornar-se avorrits i enfangats en CMYK, els vermells poden canviar cap al taronja i es poden perdre subtils variacions de color.<\/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\">Requereix sistemes de gesti\u00f3 del color per a la precisi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha de fer amb perfils ICC per obtenir els millors resultats<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sovint canvia l’aspecte dels colors vibrants<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Es fa millor al final del flux de treball de producci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La prova suau pot visualitzar l’aspecte CMYK a les pantalles RGB<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les diferents intencions de renderitzaci\u00f3 generen resultats diferents<\/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\">Colors directes i gamma ampliada<\/h3>\n <p class=\"feature-text\">Per superar les limitacions de CMYK, la impressi\u00f3 sovint incorpora colors puntuals (com Pantone) o sistemes de gamma ampliada que afegeixen tintes taronja, verda i violeta (CMYK+OGV) per ampliar la gamma de colors reprodu\u00efbles.<\/p>\n <p class=\"feature-text\">Els colors directes s\u00f3n tintes especialment barrejades que s’utilitzen per a la concordan\u00e7a exacta del color, especialment per a elements de marca com els logotips. A difer\u00e8ncia dels colors del proc\u00e9s CMYK que es creen combinant punts de les quatre tintes est\u00e0ndard, els colors puntuals es barregen pr\u00e8viament amb una f\u00f3rmula exacta, assegurant una consist\u00e8ncia perfecta en tots els materials impresos.<\/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\">El sistema Pantone Matching System proporciona colors puntuals estandarditzats<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La impressi\u00f3 de gamma ampliada s’acosta a la gamma de colors RGB<\/span>\n <\/li>\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 altres sistemes afegeixen tintes prim\u00e0ries addicionals<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cr\u00edtic per a la precisi\u00f3 del color de la marca en l’embalatge i el m\u00e0rqueting<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els sistemes CMYK + taronja, verd i violeta (7 colors) poden reproduir fins al 90% dels colors Pantone<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les premses digitals modernes sovint admeten la impressi\u00f3 de gamma ampliada<\/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\">Espais de color independents del laboratori i del dispositiu<\/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\">Models de color independents del dispositiu<\/h3>\n <p class=\"feature-text\">A difer\u00e8ncia de RGB i CMYK, que depenen del dispositiu (la seva aparen\u00e7a varia segons el maquinari), els espais de color independents del dispositiu com CIE L*a*b* (Lab) i CIE XYZ tenen com a objectiu descriure els colors tal com s\u00f3n percebuts per l’ull hum\u00e0, independentment de com es mostrin o reprodueixin.<\/p>\n <p class=\"feature-text\">Aquests espais de color serveixen com a base dels sistemes moderns de gesti\u00f3 del color, actuant com a “traductor universal” entre diferents dispositius i models de color. Es basen en la comprensi\u00f3 cient\u00edfica de la percepci\u00f3 humana del color en lloc de les capacitats del dispositiu.<\/p>\n <p class=\"feature-text\">Els espais de color independents del dispositiu s\u00f3n essencials perqu\u00e8 proporcionen un punt de refer\u00e8ncia estable en els fluxos de treball de gesti\u00f3 del color. Tot i que els mateixos valors RGB poden semblar diferents en diversos monitors, un valor de color Lab representa el mateix color percebut independentment del dispositiu. \u00c9s per aix\u00f2 que Lab serveix com a espai de connexi\u00f3 de perfil (PCS) en la gesti\u00f3 del color ICC, facilitant conversions precises entre diferents espais de color.<\/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\">Espai de color CIE XYZ<\/h3>\n <p class=\"step-text\">Creat el 1931 per la Comissi\u00f3 Internacional d’Il\u00b7luminaci\u00f3 (CIE), l’espai de color XYZ va ser el primer espai de color definit matem\u00e0ticament. Compr\u00e8n tots els colors visibles per l’ull hum\u00e0 mitj\u00e0 i serveix de base per a altres espais de color.<\/p>\n <p class=\"step-text\">A XYZ, Y representa la lumin\u00e0ncia, mentre que X i Z s\u00f3n valors abstractes relacionats amb els components crom\u00e0tics del color. Aquest espai s’utilitza principalment com a est\u00e0ndard de refer\u00e8ncia i rarament per a la codificaci\u00f3 directa d’imatges. Continua sent fonamental per a la ci\u00e8ncia del color i la base de les transformacions del color.<\/p>\n <p class=\"step-text\">L’espai de color CIE XYZ es va derivar d’una s\u00e8rie d’experiments sobre la percepci\u00f3 humana del color. Els investigadors van cartografiar com la persona mitjana percebia diferents longituds d’ona de la llum, creant el que es coneix com l’espai de color CIE 1931, que inclou el fam\u00f3s diagrama de cromaticitat “en forma de ferradura” que mapeja tots els colors possibles visibles per als humans.<\/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\">Fonaments de la mesura cient\u00edfica del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Compr\u00e8n tots els colors visibles per l’home<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza com a refer\u00e8ncia per a les transformacions de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en mesures de la percepci\u00f3 humana del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Desenvolupat utilitzant el model d’observador est\u00e0ndard<\/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) Espai de color<\/h3>\n <p class=\"step-text\">Desenvolupat el 1976, CIE L*a*b* (sovint simplement anomenat “Lab”) est\u00e0 dissenyat per ser perceptualment uniforme, \u00e9s a dir, dist\u00e0ncies iguals en l’espai de color corresponen a difer\u00e8ncies de color aproximadament iguals. Aix\u00f2 el fa ideal per mesurar difer\u00e8ncies de color i realitzar correccions de color.<\/p>\n <p class=\"step-text\">A Lab, L* representa la lleugeresa (0-100), a* representa l’eix verd-vermell i b* representa l’eix blau-groc. Aquesta separaci\u00f3 de la lluminositat de la informaci\u00f3 de color fa que Lab sigui especialment \u00fatil per a tasques d’edici\u00f3 d’imatges, com ara ajustar el contrast sense afectar els colors.<\/p>\n <p class=\"step-text\">La uniformitat perceptiva del laboratori el fa inestimable per a la correcci\u00f3 del color i el control de qualitat. Si dos colors tenen una petita difer\u00e8ncia num\u00e8rica en els valors del laboratori, nom\u00e9s apareixeran lleugerament diferents als observadors humans. Aquesta propietat no \u00e9s certa per a RGB o CMYK, on \u200b\u200bla mateixa difer\u00e8ncia num\u00e8rica pot provocar canvis percebuts dr\u00e0sticament diferents en funci\u00f3 de la ubicaci\u00f3 dels colors de l’espai de color.<\/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\">Perceptiblement uniforme per a una mesura precisa del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Separa la claredat de la informaci\u00f3 de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en edici\u00f3 avan\u00e7ada d’imatges i correcci\u00f3 de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Component b\u00e0sic dels fluxos de treball de gesti\u00f3 del color ICC<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Pot expressar colors fora de la gamma de 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\">S’utilitza per als c\u00e0lculs de difer\u00e8ncies de color 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* Espai de color<\/h3>\n <p class=\"step-text\">CIE L*u*v* es va desenvolupar juntament amb L*a*b* com a espai de color alternatiu perceptiu uniforme. \u00c9s especialment \u00fatil per a aplicacions que impliquen una barreja de color additiva i pantalles, mentre que L*a*b* sovint es prefereix per a sistemes de color subtractius com la impressi\u00f3.<\/p>\n <p class=\"step-text\">Igual que Lab, L*u*v* utilitza L* per a la lleugeresa, mentre que u* i v* s\u00f3n coordenades de cromaticitat. Aquest espai de color s’utilitza habitualment en sistemes de transmissi\u00f3 de televisi\u00f3 i c\u00e0lculs de difer\u00e8ncies de color per a tecnologies de visualitzaci\u00f3.<\/p>\n <p class=\"step-text\">Una difer\u00e8ncia clau entre L*a*b* i L*u*v* \u00e9s que L*u*v* va ser dissenyat espec\u00edficament per gestionar millor els colors emissius i la il\u00b7luminaci\u00f3. Inclou la capacitat de representar colors en termes de coordenades de cromaticitat que es poden correlacionar f\u00e0cilment amb els diagrames de cromaticitat utilitzats en la colorimetria i el disseny d’il\u00b7luminaci\u00f3.<\/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\">Adequat per a aplicacions de color additiu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en ind\u00fastries de televisi\u00f3 i emissi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Proporciona mesures uniformes de la difer\u00e8ncia de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Millor per als colors emissius i el disseny d’il\u00b7luminaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Inclou mapes de temperatura de color correlacionats<\/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 espais de color perceptius<\/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\">Representaci\u00f3 intu\u00eftiva del color<\/h3>\n <p class=\"feature-text\">Mentre que RGB i CMYK descriuen els colors en termes de barreja de colors primaris, HSL (Tonalitat, Saturaci\u00f3, Lluminositat) i HSV\/HSB (Tonalitat, Saturaci\u00f3, Valor\/Lluminositat) representen els colors d’una manera m\u00e9s intu\u00eftiva per a com pensem els humans sobre el color.<\/p>\n <p class=\"feature-text\">Aquests espais separen els components del color (matitza) dels atributs d’intensitat (saturaci\u00f3 i lluminositat\/lluminositat), cosa que els fa especialment \u00fatils per a la selecci\u00f3 de colors, el disseny d’interf\u00edcie d’usuari i les aplicacions art\u00edstiques on els ajustaments de color intu\u00eftius s\u00f3n importants.<\/p>\n <p class=\"feature-text\">L’avantatge clau de HSL i HSV \u00e9s que s’alineen m\u00e9s estretament amb com la gent pensa i descriu els colors de manera natural. Quan alg\u00fa vol crear “un blau m\u00e9s fosc” o “un vermell m\u00e9s vibrant”, est\u00e0 pensant en termes de to, saturaci\u00f3 i brillantor, no en termes de valors RGB. \u00c9s per aix\u00f2 que els selectors de color al programari de disseny sovint presenten tant controls lliscants RGB com opcions HSL\/HSV.<\/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\">Espai de color HSL<\/h3>\n <p class=\"feature-text\">HSL representa els colors en un sistema de coordenades cil\u00edndriques, amb la tonalitat com a angle (0-360\u00b0) que representa el tipus de color, la saturaci\u00f3 (0-100%) que indica la intensitat del color i la claredat (0-100%) que descriu com de clar o fosc \u00e9s el color.<\/p>\n <p class=\"feature-text\">L’HSL \u00e9s especialment \u00fatil per a aplicacions de disseny perqu\u00e8 els seus par\u00e0metres s’assignen de manera intu\u00eftiva a com descrivim els colors. S’utilitza \u00e0mpliament en el desenvolupament web mitjan\u00e7ant CSS, on els colors es poden especificar mitjan\u00e7ant la funci\u00f3 hsl(). Aix\u00f2 fa que la creaci\u00f3 d’esquemes de colors i l’ajust de colors per a diferents estats de la interf\u00edcie (passar el cursor, activa, etc.) sigui molt m\u00e9s intu\u00eftiva.<\/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\">To: el color base (vermell, groc, verd, etc.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Saturaci\u00f3: intensitat del color des de gris (0%) fins a color pur (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\">Lluminositat: brillantor des del negre (0%) passant pel color fins al blanc (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\">Com\u00fa en disseny web i especificacions de color CSS<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La m\u00e0xima lleugeresa (100%) sempre produeix blanc independentment de la tonalitat<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Model sim\u00e8tric amb lleugeresa mitjana (50%) per a colors purs<\/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\">Espai de color HSV\/HSB<\/h3>\n <p class=\"feature-text\">HSV (tamb\u00e9 anomenat HSB) \u00e9s semblant a HSL, per\u00f2 utilitza Valor\/Brillo en lloc de Lluminositat. A HSV, la m\u00e0xima lluminositat (100%) produeix tot el color independentment de la saturaci\u00f3, mentre que a HSL, la m\u00e0xima lluminositat sempre produeix blanc.<\/p>\n <p class=\"feature-text\">El model HSV es prefereix sovint a les interf\u00edcies de selecci\u00f3 de colors perqu\u00e8 s’ajusta de manera m\u00e9s intu\u00eftiva a com els artistes barregen colors amb pintura, comen\u00e7ant pel negre (sense llum\/valor) i afegint pigment per crear colors de brillantor creixent. \u00c9s particularment intu\u00eftiu per crear matisos i tons d’un color tot mantenint la seva tonalitat percebuda.<\/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\">To: el color base (vermell, groc, verd, etc.)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Saturaci\u00f3: intensitat del color des de blanc\/gris (0%) fins a color pur (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\">Valor\/brillantor: intensitat del negre (0%) a tot color (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\">S’utilitza habitualment en els selectors de color de programari de disseny gr\u00e0fic<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El valor m\u00e0xim (100%) produeix el color complet en la seva m\u00e0xima intensitat<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">M\u00e9s intu\u00eftiu per crear matisos i tons<\/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\">Sistema de color Munsell<\/h3>\n <p class=\"feature-text\">El sistema Munsell \u00e9s un espai de color perceptiu hist\u00f2ric que organitza els colors en tres dimensions: tonalitat, valor (lluminositat) i croma (puresa del color). Va ser creat per proporcionar un m\u00e8tode organitzat per descriure els colors basat en la percepci\u00f3 humana.<\/p>\n <p class=\"feature-text\">Desenvolupat a principis del segle XX pel professor Albert H. Munsell, aquest sistema va ser revolucionari perqu\u00e8 va ser un dels primers a organitzar els colors basant-se en la uniformitat perceptiva m\u00e9s que en les propietats f\u00edsiques. A difer\u00e8ncia dels espais de color digitals moderns, era un sistema f\u00edsic que utilitzava fitxes de color pintades disposades en un espai tridimensional.<\/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\">\u00c9s anterior als models digitals de color, per\u00f2 encara s’utilitza en alguns camps<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Influent en el desenvolupament de la teoria moderna del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Encara s’utilitza en la classificaci\u00f3 del s\u00f2l, l’educaci\u00f3 art\u00edstica i l’an\u00e0lisi del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en l’espaiat perceptiu m\u00e9s que en f\u00f3rmules matem\u00e0tiques<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Organitza els colors en una estructura semblant a un arbre amb una tonalitat que irradia des d’un eix central<\/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\">Espai de color HCL<\/h3>\n <p class=\"feature-text\">HCL (Hue, Chroma, Luminance) \u00e9s un espai de color perceptivament uniforme que combina la naturalesa intu\u00eftiva de HSL amb la uniformitat perceptiva de Lab. \u00c9s especialment \u00fatil per crear paletes de colors i degradats que semblen consistents en la brillantor i la saturaci\u00f3 percebudes.<\/p>\n <p class=\"feature-text\">Tot i que no s’ha implementat tan \u00e0mpliament al programari com HSL o HSV, HCL (tamb\u00e9 anomenat LCh quan els par\u00e0metres s’ordenen de manera diferent) est\u00e0 guanyant popularitat per a la visualitzaci\u00f3 i el disseny de dades perqu\u00e8 crea escales de color m\u00e9s coherents de percepci\u00f3. Aix\u00f2 \u00e9s especialment important per a la visualitzaci\u00f3 de dades on el color s’utilitza per representar valors.<\/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\">Perceptiblement uniforme a difer\u00e8ncia de 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\">Excel\u00b7lent per crear escales de color consistents<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Basat en l’espai de color Lab per\u00f2 amb coordenades polars<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Cada cop m\u00e9s utilitzat en la visualitzaci\u00f3 de dades i el disseny de la informaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Crea esquemes de colors m\u00e9s harmoniosos i equilibrats<\/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 espais de color de v\u00eddeo<\/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\">Separaci\u00f3 lumin\u00e0ncia-cromin\u00e0ncia<\/h3>\n <p class=\"feature-text\">Els sistemes de compressi\u00f3 de v\u00eddeo i imatge sovint utilitzen espais de color que separen la informaci\u00f3 de la lumin\u00e0ncia (lluminositat) de la cromin\u00e0ncia (color). Aquest enfocament aprofita la major sensibilitat del sistema visual hum\u00e0 als detalls de brillantor que a les variacions de color.<\/p>\n <p class=\"feature-text\">Mitjan\u00e7ant la codificaci\u00f3 de la lumin\u00e0ncia a una resoluci\u00f3 m\u00e9s alta que els components de cromin\u00e0ncia, aquests espais permeten una compressi\u00f3 important de dades alhora que mantenen la qualitat de la imatge percebuda. Aquesta \u00e9s la base de la majoria de formats de v\u00eddeo digital i tecnologies de compressi\u00f3.<\/p>\n <p class=\"feature-text\">El sistema visual hum\u00e0 \u00e9s molt m\u00e9s sensible als canvis de brillantor que als canvis de color. Aquest fet biol\u00f2gic s’aprofita en la compressi\u00f3 de v\u00eddeo dedicant m\u00e9s amplada de banda a la informaci\u00f3 de lumin\u00e0ncia que al color. Aquest enfocament, anomenat submostreig de croma, pot reduir la mida dels fitxers en un 50% o m\u00e9s, mantenint una qualitat visual que sembla gaireb\u00e9 id\u00e8ntica a la font sense comprimir.<\/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\">Espai de color YCbCr<\/h3>\n <p class=\"step-text\">YCbCr \u00e9s l’espai de color m\u00e9s com\u00fa utilitzat en compressi\u00f3 de v\u00eddeo i imatge digital. Y representa la lumin\u00e0ncia, mentre que Cb i Cr s\u00f3n components de cromin\u00e0ncia de difer\u00e8ncia blava i difer\u00e8ncia vermella. Aquest espai est\u00e0 molt relacionat amb YUV per\u00f2 adaptat per a sistemes digitals.<\/p>\n <p class=\"step-text\">Les imatges JPEG, els v\u00eddeos MPEG i la majoria dels formats de v\u00eddeo digital utilitzen la codificaci\u00f3 YCbCr. La pr\u00e0ctica est\u00e0ndard de “submostreig de croma” (reduint la resoluci\u00f3 dels canals Cb i Cr) en aquests formats \u00e9s possible a causa de la separaci\u00f3 lumin\u00e0ncia-cromin\u00e0ncia.<\/p>\n <p class=\"step-text\">El submostreig de croma normalment s’expressa com una proporci\u00f3 de tres nombres, com ara 4:2:0 o 4:2:2. En el submostreig 4:2:0 (com\u00fa a la transmissi\u00f3 de v\u00eddeo), per cada quatre mostres de lumin\u00e0ncia, nom\u00e9s hi ha dues mostres de cromin\u00e0ncia horitzontal i cap vertical. Aix\u00f2 redueix la resoluci\u00f3 del color a una quarta part de la resoluci\u00f3 de lumin\u00e0ncia, reduint significativament la mida del fitxer alhora que es mant\u00e9 una excel\u00b7lent qualitat percebuda.<\/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\">S’utilitza en pr\u00e0cticament tots els formats de v\u00eddeo digital<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Fonaments de la compressi\u00f3 d’imatges JPEG<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Permet un submostreig de croma eficient (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\">Existeixen diferents variants per a diferents est\u00e0ndards de v\u00eddeo<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza als c\u00f2decs 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\">Espai de color YUV<\/h3>\n <p class=\"step-text\">YUV va ser desenvolupat per a sistemes de televisi\u00f3 anal\u00f2gic per proporcionar compatibilitat enrere entre les emissions en color i en blanc i negre. Igual que YCbCr, separa els components de la lumin\u00e0ncia (Y) dels components de la cromin\u00e0ncia (U i V).<\/p>\n <p class=\"step-text\">Mentre que YUV s’utilitza sovint col\u00b7loquialment per referir-se a qualsevol format de lumin\u00e0ncia-cromin\u00e0ncia, el veritable YUV \u00e9s espec\u00edfic dels est\u00e0ndards de televisi\u00f3 anal\u00f2gic. Els sistemes digitals moderns utilitzen generalment YCbCr, tot i que els termes sovint es confonen o s’utilitzen indistintament.<\/p>\n <p class=\"step-text\">El desenvolupament original de YUV va ser un assoliment d’enginyeria notable que va resoldre el repte d’emetre senyals de televisi\u00f3 en color tot mantenint la compatibilitat amb els televisors en blanc i negre existents. Mitjan\u00e7ant la codificaci\u00f3 de la informaci\u00f3 en color d’una manera que els televisors en blanc i negre ignorarien, els enginyers van crear un sistema on es podia veure una sola emissi\u00f3 en ambd\u00f3s tipus de plat\u00f3s.<\/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\">Import\u00e0ncia hist\u00f2rica en el desenvolupament de la televisi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Sovint s’utilitza incorrectament com a terme general per a 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\">Existeixen diferents variants per a diferents est\u00e0ndards de televisi\u00f3 anal\u00f2gica<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els sistemes PAL, NTSC i SECAM van utilitzar diferents implementacions YUV<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha activat la compatibilitat enrere amb la televisi\u00f3 en blanc i negre<\/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 v\u00eddeo HD<\/h3>\n <p class=\"step-text\">La Rec.709 (Recomanaci\u00f3 UIT-R BT.709) defineix l’espai de color i els par\u00e0metres de codificaci\u00f3 per a la televisi\u00f3 d’alta definici\u00f3. Especifica tant els primaris RGB com una codificaci\u00f3 YCbCr per al contingut HD, amb una gamma similar a sRGB.<\/p>\n <p class=\"step-text\">Aquest est\u00e0ndard garanteix la coher\u00e8ncia en la producci\u00f3 i visualitzaci\u00f3 de v\u00eddeo HD en diferents dispositius i sistemes de difusi\u00f3. Inclou especificacions per a color primaris, funcions de transfer\u00e8ncia (gamma) i coeficients de matriu per a la conversi\u00f3 de RGB a YCbCr.<\/p>\n <p class=\"step-text\">Rec.709 es va establir a la d\u00e8cada de 1990 com a est\u00e0ndard per a HDTV, especificant no nom\u00e9s l’espai de color sin\u00f3 tamb\u00e9 les velocitats de fotogrames, la resoluci\u00f3 i les relacions d’aspecte. La seva corba gamma \u00e9s lleugerament diferent de la sRGB, tot i que comparteixen els mateixos colors primaris. Tot i que el Rec.709 va ser revolucionari per a la seva \u00e8poca, els est\u00e0ndards m\u00e9s nous com els formats Rec.2020 i HDR ofereixen gammes de color i rang din\u00e0mic significativament m\u00e9s amplis.<\/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\">Espai de color est\u00e0ndard per a televisi\u00f3 HD<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Gamma similar a sRGB per\u00f2 amb una codificaci\u00f3 diferent<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’utilitza en discos Blu-ray i emissions en HD<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Defineix una funci\u00f3 de transfer\u00e8ncia no lineal espec\u00edfica (gamma)<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Es complementen amb est\u00e0ndards HDR com 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\">V\u00eddeo d’alt rang din\u00e0mic<\/h3>\n <p class=\"step-text\">El v\u00eddeo High Dynamic Range (HDR) amplia tant la gamma de colors com la gamma de brillantor del v\u00eddeo tradicional. Est\u00e0ndards com HDR10, Dolby Vision i HLG (Hybrid Log-Gamma) defineixen com es codifica i es mostra aquest rang ampliat.<\/p>\n <p class=\"step-text\">El v\u00eddeo HDR normalment utilitza noves funcions de transfer\u00e8ncia (EOTF) com PQ (Quantitzador perceptiu, estandarditzat com SMPTE ST 2084) que pot representar una gamma molt m\u00e9s \u00e0mplia de nivells de brillantor que les corbes gamma tradicionals. Combinat amb una \u00e0mplia gamma de colors com P3 o Rec.2020, aix\u00f2 crea una experi\u00e8ncia de visualitzaci\u00f3 molt m\u00e9s realista i immersiva.<\/p>\n <p class=\"step-text\">La difer\u00e8ncia entre el contingut SDR i HDR \u00e9s espectacular: l’HDR pot representar tot, des d’ombres profundes fins a reflexos brillants en un \u00fanic fotograma, de manera similar a com l’ull hum\u00e0 percep les escenes reals. Aix\u00f2 elimina la necessitat dels compromisos en l’exposici\u00f3 i el rang din\u00e0mic que han estat necessaris al llarg de la hist\u00f2ria del cinema i el v\u00eddeo.<\/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\">Amplia la gamma de colors i la gamma de brillantor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza noves funcions de transfer\u00e8ncia com 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 proporciona color de 10 bits amb metadades est\u00e0tiques<\/span>\n <\/li>\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 ofereix color de 12 bits amb metadades escena per escena<\/span>\n <\/li>\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 va ser dissenyat per a la compatibilitat de difusi\u00f3<\/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\">Comparaci\u00f3 d’espais de color comuns<\/h2>\n \n <div class=\"formats-container\">\n <h3 class=\"formats-title\">Espais de color d’un cop d’ull<\/h3>\n <p class=\"formats-subtitle\">Aquesta comparaci\u00f3 destaca les caracter\u00edstiques clau i els casos d’\u00fas dels espais de color m\u00e9s habituals. Entendre aquestes difer\u00e8ncies \u00e9s essencial per triar l’espai de color adequat per a les vostres necessitats espec\u00edfiques.<\/p>\n \n <div class=\"feature-card\">\n <div class=\"feature-content\">\n <h3 class=\"feature-title\">Comparaci\u00f3 d’espais de color RGB<\/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> Gamma m\u00e9s petita, est\u00e0ndard per a web, compatibilitat universal<\/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> Gamma m\u00e9s \u00e0mplia, millor per a la impressi\u00f3, especialment a les zones verd-cian<\/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>Pantalla P3:<\/strong> Vermells i verds millorats, utilitzats pels dispositius Apple<\/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> Gamma extremadament \u00e0mplia, requereix una profunditat de 16 bits, ideal per a la fotografia<\/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>Rec.2020:<\/strong> Gamma molt \u00e0mplia per a v\u00eddeo 4K\/8K, est\u00e0ndard enfocat al futur<\/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\">Caracter\u00edstiques de l’espai de color<\/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> Subtractiu, orientat a la impressi\u00f3, gamma m\u00e9s petita que RGB<\/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>Laboratori:<\/strong> Gamma m\u00e9s gran independent del dispositiu, perceptualment uniforme<\/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> Selecci\u00f3 de color intu\u00eftiva, no perceptivament uniforme<\/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> Separa la lumin\u00e0ncia del color, optimitzat per a la compressi\u00f3<\/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> Espai de refer\u00e8ncia per a la ci\u00e8ncia del color, no utilitzat directament per a imatges<\/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\">Recomanacions de casos d’\u00fas<\/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>Contingut web i digital:<\/strong> sRGB o Display P3 (amb sRGB alternativa)<\/span>\n <\/li>\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>Fotografia professional:<\/strong> Adobe RGB o ProPhoto RGB en 16 bits<\/span>\n <\/li>\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>Producci\u00f3 d’impressi\u00f3:<\/strong> Adobe RGB per a l’espai de treball, perfil CMYK per a la sortida<\/span>\n <\/li>\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>Producci\u00f3 de v\u00eddeo:<\/strong> Rec.709 per a HD, Rec.2020 per a 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>Art i disseny digitals:<\/strong> Adobe RGB o 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>Correcci\u00f3 de color:<\/strong> Laboratori d’ajustaments independents del dispositiu<\/span>\n <\/li>\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>Disseny UI\/UX:<\/strong> HSL\/HSV per a una selecci\u00f3 de colors intu\u00eftiva<\/span>\n <\/li>\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>Compressi\u00f3 de v\u00eddeo:<\/strong> YCbCr amb submostreig de croma adequat<\/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\">Gesti\u00f3 pr\u00e0ctica de l’espai de color<\/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\">Sistemes de gesti\u00f3 del color<\/h3>\n <p class=\"feature-text\">Els sistemes de gesti\u00f3 del color (CMS) garanteixen una reproducci\u00f3 coherent del color en diferents dispositius mitjan\u00e7ant l’\u00fas de perfils de dispositiu i transformacions d’espai de color. S\u00f3n essencials per als fluxos de treball professionals en fotografia, disseny i impressi\u00f3.<\/p>\n <p class=\"feature-text\">La base de la gesti\u00f3 moderna del color \u00e9s el sistema de perfils ICC (International Color Consortium). Aquests perfils descriuen les caracter\u00edstiques del color de dispositius o espais de color espec\u00edfics, permetent traduccions precises entre ells. Sense una gesti\u00f3 adequada del color, els mateixos valors RGB poden ser molt diferents en diversos dispositius.<\/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\">Basat en perfils ICC que caracteritzen el comportament del color del dispositiu<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Utilitza perfils independents del dispositiu (com ara Lab) com a espai d’intercanvi<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Gestiona el mapeig de gamma per a diferents espais de destinaci\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Proporciona intencions de renderitzaci\u00f3 per a diferents objectius de conversi\u00f3<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Admet tant l’enlla\u00e7 del dispositiu com les transformacions de diversos passos<\/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\">Calibraci\u00f3 de la pantalla<\/h3>\n <p class=\"feature-text\">La calibraci\u00f3 del monitor \u00e9s la base de la gesti\u00f3 del color, assegurant que la pantalla representi els colors amb precisi\u00f3. Sense un monitor calibrat, tots els altres esfor\u00e7os de gesti\u00f3 del color poden quedar soscavats.<\/p>\n <p class=\"feature-text\">La calibraci\u00f3 implica ajustar la configuraci\u00f3 del monitor i crear un perfil ICC que corregeix qualsevol desviaci\u00f3 del comportament est\u00e0ndard del color. Aquest proc\u00e9s normalment requereix un color\u00edmetre de maquinari o un espectrofot\u00f2metre per obtenir resultats precisos, tot i que la calibraci\u00f3 b\u00e0sica del programari \u00e9s millor que cap.<\/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\">Els dispositius de calibratge de maquinari proporcionen els resultats m\u00e9s precisos<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Ajusta el punt blanc, la gamma i la resposta del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Crea un perfil ICC que utilitzen els sistemes de gesti\u00f3 del color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">S’ha de fer amb regularitat a mesura que les pantalles canvien amb el temps<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les pantalles professionals solen tenir funcions de calibratge de maquinari<\/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\">Treballant amb espais de color de c\u00e0mera<\/h3>\n <p class=\"feature-text\">Les c\u00e0meres digitals capturen imatges en els seus propis espais de color, que despr\u00e9s es converteixen en espais est\u00e0ndard com sRGB o Adobe RGB. Entendre aquest proc\u00e9s \u00e9s crucial per a fluxos de treball de fotografia precisos.<\/p>\n <p class=\"feature-text\">Cada c\u00e0mera t\u00e9 un sensor \u00fanic amb les seves pr\u00f2pies caracter\u00edstiques de resposta del color. Els fabricants de c\u00e0meres desenvolupen algorismes propietaris per processar les dades del sensor en brut en espais de color estandarditzats. Quan feu fotos en format RAW, teniu m\u00e9s control sobre aquest proc\u00e9s de conversi\u00f3, cosa que permet una gesti\u00f3 del color m\u00e9s precisa.<\/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\">Els fitxers RAW contenen totes les dades de color capturades pel sensor<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els fitxers JPEG es converteixen a sRGB o Adobe RGB a la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils de la c\u00e0mera poden caracteritzar respostes espec\u00edfiques de color de la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de treball de gamma \u00e0mplia conserven la majoria de dades de la c\u00e0mera<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils de color DNG (DCP) proporcionen dades de color precises de la c\u00e0mera<\/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\">Consideracions sobre el color segur per a la web<\/h3>\n <p class=\"feature-text\">Tot i que els navegadors web moderns admeten la gesti\u00f3 del color, moltes pantalles i dispositius no ho fan. La creaci\u00f3 de contingut web que sembli coherent en tots els dispositius requereix comprendre aquestes limitacions.<\/p>\n <p class=\"feature-text\">La plataforma web avan\u00e7a cap a una millor gesti\u00f3 del color, amb el nivell 4 del m\u00f2dul de color CSS que afegeix suport per a les especificacions de l’espai de color. No obstant aix\u00f2, per a la m\u00e0xima compatibilitat, encara \u00e9s important tenir en compte les limitacions de sRGB i proporcionar alternatives adequades per al contingut de gamma \u00e0mplia.<\/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 segueix sent l’opci\u00f3 m\u00e9s segura per a la compatibilitat universal<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Insereix perfils de color a les imatges per als navegadors que ho admeten<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">El nivell 4 del m\u00f2dul de color CSS afegeix especificacions d’espai de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">\u00c9s possible una millora progressiva per a pantalles de gamma \u00e0mplia<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Penseu en utilitzar les consultes @media per detectar pantalles de gamma \u00e0mplia<\/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\">Flux de treball de producci\u00f3 d’impressi\u00f3<\/h3>\n <p class=\"feature-text\">Els fluxos de treball d’impressi\u00f3 professionals requereixen una gesti\u00f3 acurada de l’espai de color des de la captura fins a la sortida final. La transici\u00f3 de RGB a CMYK \u00e9s un pas cr\u00edtic que s’ha de gestionar correctament.<\/p>\n <p class=\"feature-text\">La impressi\u00f3 comercial utilitza espais de color CMYK estandarditzats basats en condicions d’impressi\u00f3 espec\u00edfiques. Aquests est\u00e0ndards garanteixen resultats coherents entre diferents prove\u00efdors d’impressi\u00f3 i premses. Els dissenyadors han d’entendre quin espai de color CMYK utilitza la seva impressora i incorporar aquest coneixement al seu flux de treball.<\/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\">La prova suau simula la sortida impresa a la pantalla<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els perfils d’impressora caracteritzen combinacions espec\u00edfiques de dispositiu i paper<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les intencions de representaci\u00f3 determinen l’enfocament de mapeig de gamma<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">La compensaci\u00f3 del punt negre conserva el detall de l’ombra<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les impressions de prova validen la precisi\u00f3 del color abans de la producci\u00f3 final<\/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\">Classificaci\u00f3 de color de v\u00eddeo<\/h3>\n <p class=\"feature-text\">La producci\u00f3 de v\u00eddeo implica consideracions complexes d’espai de color, especialment amb l’augment dels formats HDR i de gamma \u00e0mplia. \u00c9s essencial entendre el pipeline complet des de la captura fins al lliurament.<\/p>\n <p class=\"feature-text\">La producci\u00f3 de v\u00eddeo moderna sovint utilitza el sistema de codificaci\u00f3 de color de l’Academia (ACES) com a marc de gesti\u00f3 del color estandarditzat. ACES proporciona un espai de treball com\u00fa per a totes les imatges, independentment de la c\u00e0mera utilitzada, simplificant el proc\u00e9s de combinaci\u00f3 de plans de diferents fonts i preparant contingut per a diversos formats de lliurament.<\/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\">Els formats de registre conserven el m\u00e0xim rang din\u00e0mic de les c\u00e0meres<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els espais de treball com ACES ofereixen una gesti\u00f3 del color estandarditzada<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Els est\u00e0ndards HDR inclouen funcions de transfer\u00e8ncia 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\">Els formats de lliurament poden requerir diverses versions d’espai de color<\/span>\n <\/li>\n <li class=\"feature-item\">\n <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n <span class=\"feature-item-text\">Les LUT (Taules de cerca) ajuden a estandarditzar les transformacions de color<\/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\">Preguntes freq\u00fcents sobre els espais de color<\/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 Quina difer\u00e8ncia hi ha entre un model de color i un espai de color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Un model de color \u00e9s un marc te\u00f2ric per representar colors mitjan\u00e7ant valors num\u00e8rics (com ara RGB o CMYK), mentre que un espai de color \u00e9s una implementaci\u00f3 espec\u00edfica d’un model de color amb par\u00e0metres definits. Per exemple, RGB \u00e9s un model de color, mentre que sRGB i Adobe RGB s\u00f3n espais de color espec\u00edfics basats en el model RGB, cadascun amb diferents gammes i caracter\u00edstiques. Penseu en un model de color com el sistema general (com descriure ubicacions utilitzant latitud\/longitud) i un espai de color com un mapeig espec\u00edfic d’aquest sistema (com un mapa detallat d’una regi\u00f3 concreta amb coordenades precises).<\/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 Per qu\u00e8 la meva sortida impresa es veu diferent del que veig a la pantalla?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Diversos factors causen aquesta difer\u00e8ncia: els monitors utilitzen color RGB (additiu) mentre que les impressores utilitzen color CMYK (subtractiu); Les pantalles solen tenir una gamma m\u00e9s \u00e0mplia que la sortida impresa; les pantalles emeten llum mentre les impressions la reflecteixen; i sense una gesti\u00f3 adequada del color, no hi ha traducci\u00f3 entre aquests diferents espais de color. A m\u00e9s, el tipus de paper afecta significativament com apareixen els colors a la impressi\u00f3, ja que els papers sense revestir solen produir colors menys saturats que els papers brillants. Calibrar el monitor i utilitzar perfils ICC per a la vostra combinaci\u00f3 de paper i impressora espec\u00edfica pot reduir significativament aquestes discrep\u00e0ncies, tot i que sempre es mantindran algunes difer\u00e8ncies a causa de les difer\u00e8ncies f\u00edsiques fonamentals entre les pantalles que emeten llum i les impressions que reflecteixen la llum.<\/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 He d’utilitzar sRGB, Adobe RGB o ProPhoto RGB per a la fotografia?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Dep\u00e8n del vostre flux de treball i de les vostres necessitats de sortida. sRGB \u00e9s millor per a imatges destinades a la web o visualitzaci\u00f3 general a les pantalles. Adobe RGB \u00e9s excel\u00b7lent per al treball d’impressi\u00f3, oferint una gamma m\u00e9s \u00e0mplia que s’adapta millor a les capacitats d’impressi\u00f3. ProPhoto RGB \u00e9s ideal per a fluxos de treball professionals on la m\u00e0xima preservaci\u00f3 de la informaci\u00f3 del color \u00e9s fonamental, especialment quan es treballa amb fitxers RAW en mode de 16 bits. Molts fot\u00f2grafs utilitzen un enfocament h\u00edbrid: editen en ProPhoto RGB o Adobe RGB i despr\u00e9s converteixen a sRGB per compartir-los web. Si esteu gravant en format JPEG a la c\u00e0mera, Adobe RGB \u00e9s generalment una millor opci\u00f3 que sRGB si la vostra c\u00e0mera l’admet, ja que conserva m\u00e9s informaci\u00f3 de color per a l’edici\u00f3 posterior. Tanmateix, si feu RAW (recomanat per obtenir la m\u00e0xima qualitat), la configuraci\u00f3 de l’espai de color de la c\u00e0mera nom\u00e9s afecta la previsualitzaci\u00f3 JPEG i no les dades RAW reals.<\/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 Qu\u00e8 passa quan els colors estan fora de la gamma d’un espai de color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Quan es converteixen entre espais de color, els colors que queden fora de la gamma de l’espai de destinaci\u00f3 s’han de tornar a assignar mitjan\u00e7ant un proc\u00e9s anomenat mapeig de gamma. Aix\u00f2 es controla mitjan\u00e7ant les intencions de representaci\u00f3: la representaci\u00f3 perceptiva preserva les relacions visuals entre els colors comprimint tota la gamma; La colorimetria relativa mant\u00e9 els colors que estan dins de les gammes i retalla els colors fora de la gamma al color reprodu\u00efble m\u00e9s proper; Colorim\u00e8tric absolut \u00e9s similar per\u00f2 tamb\u00e9 s’ajusta per al blanc del paper; i la saturaci\u00f3 prioritza mantenir colors vibrants per sobre de la precisi\u00f3. L’elecci\u00f3 de la intenci\u00f3 de representaci\u00f3 dep\u00e8n del contingut i de les vostres prioritats. Per a les fotografies, Perceptual produeix sovint els resultats m\u00e9s naturals. Per a gr\u00e0fics amb colors de marca espec\u00edfics, la colorimetria relativa normalment funciona millor per preservar els colors exactes sempre que sigui possible. Els sistemes moderns de gesti\u00f3 del color us poden mostrar quins colors estan fora de la gamma abans de la conversi\u00f3, cosa que us permetr\u00e0 fer ajustos als colors cr\u00edtics.<\/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 Quina import\u00e0ncia t\u00e9 el calibratge del monitor per a la gesti\u00f3 del color?\n <\/h3>\n <div class=\"faq-answer\">\n <p>La calibraci\u00f3 del monitor \u00e9s la base de qualsevol sistema de gesti\u00f3 del color. Sense una pantalla calibrada, esteu prenent decisions d’edici\u00f3 basades en informaci\u00f3 de color inexacta. La calibraci\u00f3 ajusta el monitor a un estat est\u00e0ndard conegut mitjan\u00e7ant la configuraci\u00f3 del punt blanc (normalment D65\/6500K), gamma (normalment 2,2) i la brillantor (sovint 80-120 cd\/m\u00b2) i crea un perfil ICC que les aplicacions gestionades per color utilitzen per mostrar els colors amb precisi\u00f3. Per al treball professional, un dispositiu de calibratge de maquinari \u00e9s essencial i la recalibraci\u00f3 s’ha de fer mensualment. Fins i tot els color\u00edmetres de qualitat del consumidor poden millorar dr\u00e0sticament la precisi\u00f3 del color en comparaci\u00f3 amb les pantalles no calibrades. M\u00e9s enll\u00e0 del calibratge, el vostre entorn de treball tamb\u00e9 \u00e9s important: parets grises neutres, il\u00b7luminaci\u00f3 controlada i evitar la llum directa a la pantalla contribueixen a una percepci\u00f3 del color m\u00e9s precisa. Per a treballs de color cr\u00edtics, considereu invertir en un monitor de qualitat professional amb una \u00e0mplia cobertura de gamma, capacitats de calibratge de maquinari i una caputxa per bloquejar la llum ambiental.<\/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 Quin espai de color he d’utilitzar per al disseny i desenvolupament web?\n <\/h3>\n <div class=\"faq-answer\">\n <p>sRGB segueix sent l’est\u00e0ndard per al contingut web, ja que garanteix l’experi\u00e8ncia m\u00e9s coherent en diferents dispositius i navegadors. Tot i que els navegadors moderns admeten cada cop m\u00e9s la gesti\u00f3 del color i una gamma m\u00e9s \u00e0mplia, molts dispositius i navegadors encara no ho fan. Per a projectes amb visi\u00f3 de futur, podeu implementar una millora progressiva utilitzant sRGB com a l\u00ednia de base alhora que proporcioneu actius d’ampli ventall (utilitzant funcions de nivell 4 del m\u00f2dul de color CSS o imatges etiquetades) per als dispositius que els admeten. El CSS Color Module Level 4 introdueix suport per a display-p3, prophoto-rgb i altres espais de color mitjan\u00e7ant funcions com el color (display-p3 1 0.5 0), permetent als dissenyadors web orientar-se a pantalles de gamma m\u00e9s \u00e0mplia sense sacrificar la compatibilitat. Per a la m\u00e0xima compatibilitat amb navegadors antics, manteniu una versi\u00f3 sRGB de tots els actius i utilitzeu la detecci\u00f3 de funcions per oferir contingut d’ampli ventall nom\u00e9s a dispositius compatibles. Proveu sempre els vostres dissenys en diversos dispositius i navegadors per garantir un aspecte acceptable per a tots els usuaris.<\/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 Com afecten els espais de color la compressi\u00f3 de la imatge i la mida del fitxer?\n <\/h3>\n <div class=\"faq-answer\">\n <p>Els espais de color afecten significativament la compressi\u00f3 de la imatge i la mida del fitxer. La conversi\u00f3 de RGB a YCbCr (en compressi\u00f3 JPEG) permet el submostreig de croma, que redueix la mida del fitxer emmagatzemant la informaci\u00f3 de color a una resoluci\u00f3 m\u00e9s baixa que la informaci\u00f3 de brillantor, aprofitant la major sensibilitat de l’ull hum\u00e0 als detalls de la lumin\u00e0ncia. Els espais de gamma \u00e0mplia com ProPhoto RGB requereixen profunditats de bits m\u00e9s altes (16 bits enfront de 8 bits) per evitar la formaci\u00f3 de bandes, donant lloc a fitxers m\u00e9s grans. Quan deseu en formats com el PNG que no utilitzen submostreig de croma, l’espai de color en si no afecta significativament la mida del fitxer, per\u00f2 les profunditats de bits m\u00e9s altes s\u00ed. Els fitxers JPEG desats a Adobe RGB o ProPhoto RGB no utilitzen inherentment m\u00e9s emmagatzematge que les versions sRGB amb la mateixa configuraci\u00f3 de qualitat, per\u00f2 han d’incloure un perfil de color incrustat perqu\u00e8 es mostri correctament, augmentant lleugerament la mida del fitxer. Per obtenir la m\u00e0xima efici\u00e8ncia de compressi\u00f3 en formats de lliurament, la conversi\u00f3 a sRGB o YCbCr de 8 bits amb un submostreig adequat normalment proporciona el millor equilibri entre la mida del fitxer i la qualitat visible.<\/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 Quina relaci\u00f3 hi ha entre els espais de color i la profunditat de bits?\n <\/h3>\n <div class=\"faq-answer\">\n <p>La profunditat de bits i l’espai de color s\u00f3n conceptes interrelacionats que afecten la qualitat de la imatge. La profunditat de bits fa refer\u00e8ncia al nombre de bits utilitzats per representar cada canal de color, determinant quants valors de color diferents es poden representar. Tot i que l’espai de color defineix la gamma de colors (gamut), la profunditat de bits determina com de finament es divideix aquest rang. Els espais de color de gamma m\u00e9s \u00e0mplia com ProPhoto RGB solen requerir profunditats de bits m\u00e9s altes per evitar bandes i posteritzaci\u00f3. Aix\u00f2 es deu al fet que el mateix nombre de valors diferents s’han d’estendre en una gamma de colors m\u00e9s gran, creant “passos” m\u00e9s grans entre colors adjacents. Per exemple, la codificaci\u00f3 de 8 bits proporciona 256 nivells per canal, que generalment \u00e9s suficient per a sRGB per\u00f2 inadequat per a ProPhoto RGB. \u00c9s per aix\u00f2 que els fluxos de treball professionals sovint utilitzen 16 bits per canal (65.536 nivells) quan treballen en espais de gamma \u00e0mplia. De la mateixa manera, el contingut HDR requereix profunditats de bits m\u00e9s altes (10 o 12 bits) per representar sense problemes el seu rang de brillantor est\u00e8s. La combinaci\u00f3 de l’espai de color i la profunditat de bits conjuntament determina el nombre total de colors diferents que es poden representar en una imatge.<\/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\">M\u00e0ster Gesti\u00f3 del color en els teus projectes<\/h2>\n <p class=\"cta-text\">Tant si sou fot\u00f2grafs, dissenyadors o desenvolupadors, entendre els espais de color \u00e9s essencial per produir un treball de qualitat professional. Apliqueu aquests conceptes per assegurar-vos que els vostres colors semblen coherents en tots els mitjans.<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#color-comparison\" class=\"btn btn-primary\">Compara els espais de color<\/a>\n <a href=\"#practical-guides\" class=\"btn btn-secondary\">Veure guies pr\u00e0ctiques<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s Entendre els espais […]<\/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":"Entendre els espais de color a les imatges: guia completa de RGB, CMYK, LAB, HSL i m\u00e9s Entendre els espais […]","_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}]}}