{"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\/cy\/deall-gofodau-lliw-mewn-delweddau-digidol\/","title":{"rendered":"Deall Gofodau Lliw mewn Delweddau Digidol"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Comprehensive guide to understanding color spaces in digital images including RGB, CMYK, LAB, HSL, YCbCr, and more. Learn how different color models affect image quality, editing, and reproduction across devices.\">\n    <meta name=\"keywords\" content=\"color spaces, RGB, CMYK, LAB, HSL, color management, ICC profiles, sRGB, Adobe RGB, ProPhoto RGB, color gamut, color models, digital imaging, photography, design\">\n    <title>Deall Mannau Lliw mewn Delweddau: Canllaw Cyflawn i RGB, CMYK, LAB, HSL a Mwy<\/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        <!-- Hero Section -->\n        <section class=\"hero-section\">\n            <div class=\"hero-pattern\"><\/div>\n            <div class=\"hero-content\">\n                <h1 class=\"hero-title\">Deall Gofodau Lliw mewn Delweddau Digidol<\/h1>\n                <p class=\"hero-subtitle\">Archwiliwch y canllaw cyflawn i fodelau lliw, gofodau lliw, a&#8217;u cymwysiadau mewn ffotograffiaeth, dylunio a delweddu digidol. Rheoli lliw meistr ar gyfer canlyniadau perffaith ar draws pob dyfais.<\/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 &#038; 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 &#038; 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&#038;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&#038;YUV<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"hero-buttons\">\n                    <a href=\"#color-comparison\" class=\"btn btn-primary\">Cymharwch Fannau Lliw<\/a>\n                    <a href=\"#practical-guides\" class=\"btn btn-secondary\">Canllawiau Ymarferol<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Introduction Section -->\n        <section class=\"intro-section\">\n            <h2 class=\"section-title\">Y Canllaw Cyflawn i Fannau Lliw<\/h2>\n            <p class=\"section-intro\">Mae gofodau lliw yn fodelau mathemategol sy&#8217;n ein galluogi i gynrychioli a disgrifio lliwiau&#8217;n fanwl gywir mewn ffordd systematig. Mae deall mannau lliw yn hanfodol i ffotograffwyr, dylunwyr, golygyddion fideo, ac unrhyw un sy&#8217;n gweithio gyda delweddu digidol. Mae&#8217;r canllaw cynhwysfawr hwn yn cwmpasu popeth o gysyniadau sylfaenol i dechnegau rheoli lliw uwch.<\/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\">Pam fod Mannau Lliw yn Bwysig<\/h3>\n                    <p class=\"feature-text\">Mae bylchau lliw yn diffinio sut mae lliwiau&#8217;n cael eu hatgynhyrchu ar draws gwahanol ddyfeisiau a chyfryngau. Maent yn pennu&#8217;r ystod o liwiau (gamut) y gellir eu harddangos neu eu hargraffu, gan effeithio ar gywirdeb a bywiogrwydd eich delweddau. Heb reolaeth gywir o ofod lliw, gall eich delweddau sydd wedi&#8217;u crefftio&#8217;n ofalus ymddangos yn wahanol i&#8217;r hyn a fwriadwyd o&#8217;u gweld ar wahanol sgriniau neu ddeunyddiau printiedig.<\/p>\n                    <p class=\"feature-text\">Mae&#8217;r byd digidol yn dibynnu ar gyfathrebu lliw manwl gywir. Pan fyddwch chi&#8217;n tynnu llun, yn golygu delwedd, neu&#8217;n dylunio gwefan, rydych chi&#8217;n gweithio o fewn gofodau lliw penodol sy&#8217;n diffinio pa liwiau sydd ar gael i chi a sut maen nhw&#8217;n cael eu cynrychioli&#8217;n fathemategol. Mae&#8217;r bylchau lliw hyn yn gweithredu fel iaith gyffredinol sy&#8217;n sicrhau bod eich coch yr un peth yn goch ar sgrin rhywun arall neu mewn print.<\/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\">Yn sicrhau atgynhyrchu lliw cyson ar draws dyfeisiau<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Yn gwneud y mwyaf o&#8217;r ystod lliw sydd ar gael ar gyfer eich cyfrwng<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Yn atal sifftiau lliw yn ystod trawsnewidiadau fformat<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Hanfodol ar gyfer allbwn o ansawdd proffesiynol<\/span>\n                        <\/li>\n                        <li class=\"feature-item\">\n                            <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                            <span class=\"feature-item-text\">Hanfodol ar gyfer cysondeb brand ar draws cyfryngau digidol a phrint<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Color Models Section -->\n        <section class=\"color-models-section\">\n            <h2 class=\"section-title\">Deall Modelau Lliw a Gofodau<\/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\">Modelau Lliw vs Gofodau Lliw<\/h3>\n                        <p class=\"feature-text\">Er eu bod yn aml yn cael eu defnyddio&#8217;n gyfnewidiol, mae modelau lliw a gofodau lliw yn gysyniadau gwahanol. Mae model lliw yn fframwaith damcaniaethol ar gyfer cynrychioli lliwiau (fel RGB neu CMYK), tra bod gofod lliw yn weithrediad penodol o fodel lliw gyda pharamedrau diffiniedig (fel sRGB neu Adobe RGB).<\/p>\n                        <p class=\"feature-text\">Meddyliwch am fodel lliw fel dull cyffredinol o ddisgrifio lliwiau, fel dweud &#8220;cymysgwch olau coch, gwyrdd a glas i greu lliwiau.&#8221; Mae gofod lliw yn darparu&#8217;r rheolau penodol: yn union pa arlliw o goch, gwyrdd a glas i&#8217;w ddefnyddio, ac yn union sut i&#8217;w cymysgu i gael canlyniadau cyson.<\/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\">Mae modelau lliw yn diffinio&#8217;r fframwaith ar gyfer cynrychioli lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae bylchau lliw yn nodi union baramedrau o fewn 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\">Gall gofodau lliw lluosog fodoli o fewn 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\">Mae gan ofodau lliw ffiniau diffiniedig a hafaliadau trawsnewid<\/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\">Ychwanegyn vs Lliw Tynnu<\/h3>\n                        <p class=\"feature-text\">Mae modelau lliw yn cael eu categoreiddio naill ai fel ychwanegyn neu dynnu, yn dibynnu ar sut maen nhw&#8217;n creu lliwiau. Mae modelau adchwanegol (fel RGB) yn cyfuno golau i greu lliwiau, tra bod modelau tynnu (fel CMYK) yn gweithio trwy amsugno tonfeddi golau.<\/p>\n                        <p class=\"feature-text\">Mae&#8217;r gwahaniaeth sylfaenol yn gorwedd yn eu mannau cychwyn: mae lliw ychwanegyn yn dechrau gyda thywyllwch (dim golau) ac yn ychwanegu golau lliw i greu disgleirdeb, gan gyrraedd gwyn pan gyfunir yr holl liwiau ar ddwysedd llawn. Mae lliw tynnu yn dechrau gyda gwyn (fel tudalen wag) ac yn ychwanegu inciau sy&#8217;n tynnu (amsugno) rhai tonfeddi, gan gyrraedd du pan gyfunir pob lliw ar ddwysedd llawn.<\/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\">Ychwanegyn: RGB (sgriniau, arddangosfeydd digidol)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Tynnu: CMYK (argraffu, cyfryngau corfforol)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae gwahanol gymwysiadau yn gofyn am ddulliau gwahanol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae trawsnewid lliw rhwng systemau adiol a thynnu yn gofyn am drawsnewidiadau cymhleth<\/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\">Lliw Gamut a Dyfnder Did<\/h3>\n                        <p class=\"feature-text\">Mae gamut gofod lliw yn cyfeirio at yr ystod o liwiau y gall eu cynrychioli. Mae dyfnder did yn pennu faint o liwiau gwahanol y gellir eu cynrychioli o fewn y gamut hwnnw. Gyda&#8217;i gilydd, mae&#8217;r ffactorau hyn yn diffinio galluoedd gofod lliw.<\/p>\n                        <p class=\"feature-text\">Meddyliwch am gamut fel y palet o liwiau sydd ar gael, a dyfnder ychydig fel pa mor f\u00e2n y gellir cymysgu&#8217;r lliwiau hynny. Efallai y bydd gamut cyfyngedig yn colli rhai lliwiau bywiog yn gyfan gwbl, tra bod dyfnder bit annigonol yn creu bandio gweladwy mewn graddiannau yn lle trawsnewidiadau llyfn. Mae gwaith proffesiynol yn aml yn gofyn am gamut eang a dyfnder didau uchel i ddal ac arddangos yr ystod lawn o wybodaeth weledol.<\/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\">Gall gamuts ehangach gynrychioli lliwiau mwy bywiog<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae dyfnder didau uwch yn caniat\u00e1u graddiannau llyfnach<\/span>\n                            <\/li>\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-did = 256 lefel y sianel (16.7 miliwn o liwiau)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">16-bit = 65,536 o lefelau fesul sianel (biliynau o liwiau)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae gwaith proffesiynol yn aml yn gofyn am leoedd gamut eang gyda dyfnder didau uchel<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- RGB Color Spaces Section -->\n        <section id=\"rgb-spaces\" class=\"color-space-detail-section\">\n            <h2 class=\"section-title\">Egluro Mannau Lliw RGB<\/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\">Y Model Lliw RGB<\/h3>\n                    <p class=\"feature-text\">Mae RGB (Coch, Gwyrdd, Glas) yn fodel lliw ychwanegyn lle mae golau coch, gwyrdd a glas yn cael eu cyfuno mewn gwahanol ffyrdd i gynhyrchu amrywiaeth eang o liwiau. Dyma sylfaen arddangosiadau digidol, o ffonau clyfar i fonitorau cyfrifiaduron a setiau teledu.<\/p>\n                    <p class=\"feature-text\">Yn y model RGB, mae pob sianel lliw fel arfer yn defnyddio 8 did, gan ganiat\u00e1u ar gyfer lefelau 256 fesul sianel. Mae hyn yn creu&#8217;r dyfnder lliw safonol 24-did (8 did \u00d7 3 sianel), sy&#8217;n gallu cynrychioli tua 16.7 miliwn o liwiau. Mae cymwysiadau proffesiynol yn aml yn defnyddio 10-did (dros 1 biliwn o liwiau) neu 16-did (dros 281 triliwn o liwiau) ar gyfer graddiannau lliw mwy manwl gywir.<\/p>\n                    <p class=\"feature-text\">Mae RGB yn seiliedig ar ymateb y system weledol ddynol i olau, gyda&#8217;r tri lliw cynradd yn cyfateb yn fras i&#8217;r tri math o dderbynyddion lliw (conau) yn ein llygaid. Mae hyn yn ei gwneud yn addas yn naturiol ar gyfer arddangos cynnwys digidol, ond mae hefyd yn golygu y gall gwahanol fannau lliw RGB amrywio&#8217;n sylweddol yn eu hystod a&#8217;u nodweddion.<\/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 (Safon RGB)<\/h3>\n                        <p class=\"step-text\">Wedi&#8217;i ddatblygu gan HP a Microsoft ym 1996, sRGB yw&#8217;r gofod lliw mwyaf cyffredin a ddefnyddir mewn delweddu digidol, monitorau, a&#8217;r we. Mae&#8217;n gorchuddio tua 35% o&#8217;r sbectrwm lliw gweladwy ac wedi&#8217;i gynllunio i gyd-fynd \u00e2 dyfeisiau arddangos cartref a swyddfa nodweddiadol.<\/p>\n                        <p class=\"step-text\">Er gwaethaf ei gamut cymharol gyfyngedig, mae sRGB yn parhau i fod y safon ar gyfer cynnwys gwe a ffotograffiaeth defnyddwyr oherwydd ei gydnawsedd cyffredinol. Mae&#8217;r rhan fwyaf o ddyfeisiau wedi&#8217;u graddnodi i arddangos sRGB yn gywir yn ddiofyn, sy&#8217;n golygu mai dyma&#8217;r dewis mwyaf diogel pan fyddwch chi eisiau lliwiau cyson ar draws gwahanol sgriniau heb reoli lliw.<\/p>\n                        <p class=\"step-text\">Dyluniwyd y gofod lliw sRGB yn fwriadol gyda gamut cymharol fach i gyd-fynd \u00e2 galluoedd monitorau CRT o&#8217;r 1990au. Mae&#8217;r cyfyngiad hwn wedi parhau yn ecosystem y we fodern, er bod safonau mwy newydd yn cael eu mabwysiadu&#8217;n raddol ochr yn ochr ag ef.<\/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\">Lle lliw diofyn ar gyfer y rhan fwyaf o gynnwys digidol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn sicrhau ymddangosiad cyson ar draws y rhan fwyaf o ddyfeisiau<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Delfrydol ar gyfer cynnwys ar y we a ffotograffiaeth gyffredinol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir yn ddiofyn yn y mwyafrif o gamer\u00e2u defnyddwyr a ffonau smart<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae ganddo werth gama o tua 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\">Wedi&#8217;i ddatblygu gan Adobe Systems, mae Adobe RGB yn cynnig gamut ehangach na sRGB, gan gwmpasu tua 50% o&#8217;r sbectrwm lliw gweladwy. Fe&#8217;i cynlluniwyd yn benodol i gwmpasu&#8217;r rhan fwyaf o liwiau y gellir eu cyflawni ar argraffwyr lliw CMYK, gan ei gwneud yn werthfawr ar gyfer llifoedd gwaith cynhyrchu print.<\/p>\n                        <p class=\"step-text\">Mae gamut estynedig Adobe RGB yn arbennig o amlwg mewn arlliwiau gwyrddlas, sy&#8217;n aml yn cael eu cwtogi mewn sRGB. Mae hyn yn ei gwneud yn boblogaidd ymhlith ffotograffwyr a dylunwyr proffesiynol sydd angen cadw lliwiau bywiog, yn enwedig ar gyfer allbwn printiedig.<\/p>\n                        <p class=\"step-text\">Un o fanteision allweddol Adobe RGB yw ei allu i gynrychioli ystod ehangach o liwiau dirlawn yn y rhanbarth gwyrddlas, sy&#8217;n bwysig ar gyfer ffotograffiaeth tirwedd a phynciau natur. Fodd bynnag, dim ond pan fydd y llif gwaith cyfan (dal, golygu ac allbwn) yn cefnogi gofod lliw Adobe RGB y gwireddir y fantais hon.<\/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\">Gamut ehangach na sRGB, yn enwedig mewn gwyrdd a gwyrddlas<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Gwell ar gyfer llifoedd gwaith cynhyrchu print<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Ffefrir gan lawer o ffotograffwyr proffesiynol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Ar gael fel opsiwn dal mewn camer\u00e2u pen uchel<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae angen rheoli lliw i arddangos yn gywir<\/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\">Wedi&#8217;i ddatblygu gan Kodak, ProPhoto RGB (a elwir hefyd yn ROMM RGB) yw un o&#8217;r mannau lliw RGB mwyaf, sy&#8217;n cwmpasu tua 90% o liwiau gweladwy. Mae&#8217;n ymestyn y tu hwnt i&#8217;r ystod o olwg dynol mewn rhai meysydd, gan ganiat\u00e1u iddo gadw bron pob lliw y gall camera ei ddal.<\/p>\n                        <p class=\"step-text\">Oherwydd ei gamut helaeth, mae angen dyfnder didau uwch ar ProPhoto RGB (16-bit y sianel yn lle 8-did) i osgoi bandio mewn graddiannau. Fe&#8217;i defnyddir yn bennaf mewn llifoedd gwaith ffotograffiaeth proffesiynol, yn enwedig at ddibenion archifol ac argraffu pen uchel.<\/p>\n                        <p class=\"step-text\">ProPhoto RGB yw&#8217;r man gweithio safonol yn Adobe Lightroom ac fe&#8217;i argymhellir yn aml ar gyfer cadw&#8217;r wybodaeth lliw mwyaf posibl yn ystod y broses ddatblygu amrwd. Mae mor fawr fel bod rhai o&#8217;i liwiau yn &#8220;ddychmygol&#8221; (y tu allan i weledigaeth ddynol), ond mae hyn yn sicrhau nad oes unrhyw liwiau wedi&#8217;u dal gan gamera yn cael eu clipio yn ystod y golygu.<\/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\">Gamut hynod eang yn gorchuddio&#8217;r lliwiau mwyaf gweladwy<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn cadw lliwiau a ddaliwyd gan gamer\u00e2u pen uchel<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Angen llif gwaith 16-did i atal bandio<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Man gweithio diofyn yn 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\">Ddim yn addas ar gyfer fformatau dosbarthu terfynol heb eu trosi<\/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\">Arddangos P3<\/h3>\n                        <p class=\"step-text\">Wedi&#8217;i ddatblygu gan Apple, mae Display P3 yn seiliedig ar y gofod lliw DCI-P3 a ddefnyddir mewn sinema ddigidol. Mae&#8217;n cynnig tua 25% yn fwy o sylw lliw na sRGB, yn enwedig mewn coch a gwyrdd, gan wneud i ddelweddau ymddangos yn fwy bywiog a bywiog.<\/p>\n                        <p class=\"step-text\">Mae Display P3 wedi ennill poblogrwydd sylweddol gan ei fod yn cael ei gefnogi gan ddyfeisiau Apple, gan gynnwys iPhones, iPads, a Macs gydag arddangosfeydd gamut eang. Mae&#8217;n cynrychioli tir canol rhwng sRGB a mannau ehangach fel Adobe RGB, gan gynnig lliwiau gwell tra&#8217;n cynnal cydnawsedd rhesymol.<\/p>\n                        <p class=\"step-text\">Datblygwyd y gofod lliw P3 yn wreiddiol ar gyfer taflunio sinema digidol (DCI-P3), ond fe&#8217;i addasodd Apple ar gyfer technoleg arddangos trwy ddefnyddio&#8217;r pwynt gwyn D65 (yr un peth \u00e2 sRGB) yn lle&#8217;r pwynt gwyn DCI. Mae hyn yn ei gwneud yn fwy addas ar gyfer amgylcheddau cyfrwng cymysg tra&#8217;n dal i ddarparu lliwiau llawer mwy bywiog na 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\">Gamut eang gyda sylw rhagorol o goch a gwyrdd<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Brodorol i arddangosiadau Retina Apple a dyfeisiau symudol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Cefnogaeth gynyddol ar draws llwyfannau digidol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn defnyddio&#8217;r un pwynt gwyn (D65) \u00e2 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\">Dod yn fwyfwy pwysig ar gyfer dylunio gwe ac apiau modern<\/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\">Arg.2020 (BT.2020)<\/h3>\n                        <p class=\"step-text\">Wedi&#8217;i ddatblygu ar gyfer teledu manylder uwch (UHDTV), mae Rec.2020 yn cwmpasu dros 75% o liwiau gweladwy. Mae&#8217;n sylweddol fwy na sRGB ac Adobe RGB, gan ddarparu atgynhyrchu lliw eithriadol ar gyfer cynnwys 4K ac 8K.<\/p>\n                        <p class=\"step-text\">Er mai ychydig o arddangosiadau sy&#8217;n gallu atgynhyrchu&#8217;r gamut Rec.2020 llawn ar hyn o bryd, mae&#8217;n safon flaengar ar gyfer cynhyrchu a meistroli fideo pen uchel. Wrth i dechnoleg arddangos ddatblygu, mae mwy o ddyfeisiau&#8217;n agos\u00e1u at y gofod lliw eang hwn.<\/p>\n                        <p class=\"step-text\">Mae Rec.2020 yn rhan o&#8217;r safon ryngwladol ar gyfer Ultra HDTV ac fe&#8217;i defnyddir ar y cyd \u00e2 thechnolegau High Dynamic Range (HDR) fel HDR10 a Dolby Vision. Mae ei gamut hynod eang yn defnyddio lliwiau cynradd monocromatig (467nm glas, 532nm gwyrdd, a 630nm coch) sydd ger ymyl y sbectrwm gweladwy, gan ganiat\u00e1u iddo gwmpasu bron pob lliw y gall bodau dynol ei ganfod.<\/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\">Gamut eang iawn ar gyfer cynnwys diffiniad uchel iawn<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Safon diogelu&#8217;r dyfodol ar gyfer technolegau arddangos sy&#8217;n dod i&#8217;r amlwg<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir mewn llifoedd gwaith cynhyrchu fideo proffesiynol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Rhan o&#8217;r ecosystem HDR ar gyfer fideo cenhedlaeth nesaf<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Ar hyn o bryd ni all unrhyw arddangosiadau atgynhyrchu&#8217;r gamut Rec.2020 llawn<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- CMYK Color Spaces Section -->\n        <section id=\"cmyk-spaces\" class=\"color-space-detail-section\">\n            <h2 class=\"section-title\">Mannau Lliw CMYK a Chynhyrchu Argraffu<\/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\">Model Lliw CMYK<\/h3>\n                    <p class=\"feature-text\">Mae CMYK (Cyan, Magenta, Melyn, Allwedd \/ Du) yn fodel lliw tynnu a ddefnyddir yn bennaf mewn argraffu. Yn wahanol i RGB, sy&#8217;n ychwanegu golau i greu lliwiau, mae CMYK yn gweithio trwy amsugno (tynnu) rhai tonfeddi o olau gwyn, gan ddefnyddio inciau ar bapur neu swbstradau eraill.<\/p>\n                    <p class=\"feature-text\">Mae gamut CMYK fel arfer yn llai na gofodau lliw RGB, a dyna pam mae delweddau digidol bywiog weithiau&#8217;n ymddangos yn fwy diflas wrth eu hargraffu. Mae deall y berthynas rhwng RGB a CMYK yn hanfodol i ddylunwyr a ffotograffwyr sy&#8217;n creu cynnwys ar gyfer cyfryngau digidol a phrint.<\/p>\n                    <p class=\"feature-text\">Mewn theori, dylai cyfuno cyan, magenta, a melyn ar gryfder llawn gynhyrchu du, ond oherwydd amhureddau mewn inciau byd go iawn, mae hyn fel arfer yn arwain at frown tywyll mwdlyd. Dyna pam mae inc du (K) ar wah\u00e2n yn cael ei ychwanegu, gan ddarparu gwir dduon a gwella manylion cysgod. Mae&#8217;r &#8220;K&#8221; yn sefyll am &#8220;Key&#8221; oherwydd bod y pl\u00e2t du yn darparu&#8217;r manylion allweddol a&#8217;r aliniad ar gyfer y lliwiau eraill mewn argraffu traddodiadol.<\/p>\n                    <p class=\"feature-text\">Gall gwahanol fathau o bapur, dulliau argraffu, a fformwleiddiadau inc effeithio&#8217;n ddramatig ar sut mae lliwiau CMYK yn ymddangos yn yr allbwn terfynol. Dyma pam mae llifoedd gwaith argraffu proffesiynol yn dibynnu&#8217;n fawr ar reoli lliw a manylebau CMYK safonol wedi&#8217;u teilwra i amgylcheddau cynhyrchu penodol.<\/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\">Mannau Lliw Safonol CMYK<\/h3>\n                        <p class=\"feature-text\">Yn wahanol i RGB, sydd \u00e2 mannau lliw wedi&#8217;u diffinio&#8217;n glir fel sRGB ac Adobe RGB, mae mannau lliw CMYK yn amrywio&#8217;n fawr yn seiliedig ar amodau argraffu, mathau o bapur, a fformwleiddiadau inc. Mae rhai safonau CMYK cyffredin yn cynnwys:<\/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>Wedi&#8217;i Gorchuddio ar y We UDA (SWOP) v2<\/strong> &#8211; Safon ar gyfer argraffu gwrthbwyso gwe yng Ngogledd America<\/span>\n                            <\/li>\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>FOGRA39 wedi ei orchuddio (ISO 12647-2:2004)<\/strong> &#8211; Safon Ewropeaidd ar gyfer papur wedi&#8217;i orchuddio<\/span>\n                            <\/li>\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>Lliw Japan 2001 Gorchuddio<\/strong> &#8211; Safon ar gyfer argraffu gwrthbwyso yn Japan<\/span>\n                            <\/li>\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 Gorchuddiedig<\/strong> &#8211; Manylebau ar gyfer argraffu masnachol o ansawdd uchel<\/span>\n                            <\/li>\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>FFOGRA27<\/strong> &#8211; Safon ar gyfer papur wedi&#8217;i orchuddio yn Ewrop (fersiwn h\u0177n)<\/span>\n                            <\/li>\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>Wedi&#8217;i Gorchuddio \u00e2 Dalen yr Unol Daleithiau v2<\/strong> &#8211; Ar gyfer argraffu gwrthbwyso wedi&#8217;i fwydo \u00e2 dalen ar bapur wedi&#8217;i orchuddio<\/span>\n                            <\/li>\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>Heb ei orchuddio U.S. v2<\/strong> &#8211; Ar gyfer argraffu ar bapurau heb eu gorchuddio<\/span>\n                            <\/li>\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>FFOGRA47<\/strong> &#8211; Ar gyfer papur heb ei orchuddio yn Ewrop<\/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\">Trosi RGB i CMYK<\/h3>\n                        <p class=\"feature-text\">Mae trosi o RGB i CMYK yn golygu trawsnewid lliw mathemategol a mapio gamut, gan na all CMYK atgynhyrchu pob lliw RGB. Mae&#8217;r broses hon, a elwir yn drawsnewid lliw, yn agwedd hollbwysig ar lif gwaith argraffu proffesiynol.<\/p>\n                        <p class=\"feature-text\">Mae trosi RGB i CMYK yn gymhleth oherwydd ei fod yn trawsnewid o fodel ychwanegyn i fodel lliw tynnu wrth fapio lliwiau o gamut mwy i un llai ar yr un pryd. Heb reoli lliw yn gywir, gall felan a gwyrdd bywiog yn RGB fynd yn ddiflas ac yn fwdlyd yn CMYK, gall cochion symud tuag at oren, a gallai amrywiadau lliw cynnil gael eu colli.<\/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\">Mae angen systemau rheoli lliw ar gyfer cywirdeb<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dylid ei berfformio gan ddefnyddio proffiliau ICC i gael y canlyniadau gorau<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn aml yn newid ymddangosiad lliwiau bywiog<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Perfformio orau yn hwyr yn y llif gwaith cynhyrchu<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Gall prawfddarllen meddal ragweld ymddangosiad CMYK ar arddangosiadau 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\">Mae bwriadau rendro gwahanol yn creu canlyniadau gwahanol<\/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\">Lliwiau Sbot a Gamut Estynedig<\/h3>\n                        <p class=\"feature-text\">Er mwyn goresgyn cyfyngiadau CMYK, mae argraffu yn aml yn ymgorffori lliwiau sbot (fel Pantone) neu systemau gamut estynedig sy&#8217;n ychwanegu inciau oren, gwyrdd a fioled (CMYK + OGV) i ehangu&#8217;r ystod o liwiau atgenhedlu.<\/p>\n                        <p class=\"feature-text\">Mae lliwiau sbot yn inciau cymysg arbennig a ddefnyddir ar gyfer cyfateb lliwiau union, yn enwedig ar gyfer elfennau brandio fel logos. Yn wahanol i liwiau proses CMYK sy&#8217;n cael eu creu trwy gyfuno dotiau o&#8217;r pedwar inc safonol, mae lliwiau sbot yn cael eu rhag-gymysgu i union fformiwla, gan sicrhau cysondeb perffaith ar draws yr holl ddeunyddiau printiedig.<\/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\">Mae System Paru Pantone yn darparu lliwiau sbot safonol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae argraffu gamut estynedig yn agos\u00e1u at ystod lliw 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\">Mae hecsachrome a systemau eraill yn ychwanegu inciau cynradd ychwanegol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Hanfodol ar gyfer cywirdeb lliw brand mewn pecynnu a marchnata<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Gall systemau CMYK + Oren, Gwyrdd, Fioled (7 lliw) atgynhyrchu hyd at 90% o liwiau 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\">Mae gweisg digidol modern yn aml yn cefnogi argraffu gamut estynedig<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Lab and Device-Independent Spaces -->\n        <section id=\"lab-spaces\" class=\"color-space-detail-section\">\n            <h2 class=\"section-title\">Mannau Lliw Annibynnol Lab a Dyfais<\/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\">Modelau Lliw Dyfais-Annibynnol<\/h3>\n                    <p class=\"feature-text\">Yn wahanol i RGB a CMYK, sy&#8217;n dibynnu ar ddyfais (mae eu hymddangosiad yn amrywio yn seiliedig ar galedwedd), nod gofodau lliw sy&#8217;n annibynnol ar ddyfais fel CIE L * a * b * (Lab) a CIE XYZ yw disgrifio lliwiau fel y&#8217;u canfyddir gan y llygad dynol, waeth sut y c\u00e2nt eu harddangos neu eu hatgynhyrchu.<\/p>\n                    <p class=\"feature-text\">Mae&#8217;r mannau lliw hyn yn sylfaen i systemau rheoli lliw modern, gan weithredu fel &#8220;cyfieithydd cyffredinol&#8221; rhwng gwahanol ddyfeisiau a modelau lliw. Maent yn seiliedig ar ddealltwriaeth wyddonol o ganfyddiad lliw dynol yn hytrach na galluoedd dyfeisiau.<\/p>\n                    <p class=\"feature-text\">Mae mannau lliw sy&#8217;n annibynnol ar ddyfais yn hanfodol oherwydd eu bod yn darparu pwynt cyfeirio sefydlog mewn llifoedd gwaith rheoli lliw. Er y gallai&#8217;r un gwerthoedd RGB edrych yn wahanol ar wahanol fonitorau, mae gwerth lliw Lab yn cynrychioli&#8217;r un lliw canfyddedig waeth beth fo&#8217;r ddyfais. Dyna pam mae Lab yn gwasanaethu fel Gofod Cysylltiad Proffil (PCS) ym maes rheoli lliw ICC, gan hwyluso trawsnewidiadau cywir rhwng gwahanol fannau lliw.<\/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\">Gofod Lliw CIE XYZ<\/h3>\n                        <p class=\"step-text\">Wedi&#8217;i greu ym 1931 gan y Comisiwn Rhyngwladol ar Oleuo (CIE), gofod lliw XYZ oedd y gofod lliw cyntaf a ddiffiniwyd yn fathemategol. Mae&#8217;n cwmpasu pob lliw sy&#8217;n weladwy i&#8217;r llygad dynol cyffredin ac yn gweithredu fel sylfaen ar gyfer mannau lliw eraill.<\/p>\n                        <p class=\"step-text\">Yn XYZ, mae Y yn cynrychioli goleuder, tra bod X a Z yn werthoedd haniaethol sy&#8217;n gysylltiedig \u00e2 chydrannau cromatig lliw. Defnyddir y gofod hwn yn bennaf fel safon gyfeirio ac yn anaml ar gyfer amgodio delweddau uniongyrchol. Mae&#8217;n parhau i fod yn sylfaenol i wyddoniaeth lliw ac yn sail ar gyfer trawsnewid lliw.<\/p>\n                        <p class=\"step-text\">Roedd gofod lliw CIE XYZ yn deillio o gyfres o arbrofion ar ganfyddiad lliw dynol. Mapiodd ymchwilwyr sut yr oedd y person cyffredin yn gweld gwahanol donfeddi golau, gan greu&#8217;r hyn a elwir yn ofod lliw CIE 1931, sy&#8217;n cynnwys y diagram cromatigrwydd &#8220;si\u00e2p pedol&#8221; enwog sy&#8217;n mapio pob lliw posibl sy&#8217;n weladwy i bobl.<\/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\">Sylfaen mesur lliw gwyddonol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn cwmpasu pob lliw dynol-weladwy<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir fel cyfeiriad ar gyfer trawsnewidiadau lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn seiliedig ar fesuriadau o ganfyddiad lliw dynol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Wedi&#8217;i ddatblygu gan ddefnyddio&#8217;r model arsylwr safonol<\/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) Gofod Lliw<\/h3>\n                        <p class=\"step-text\">Wedi&#8217;i ddatblygu ym 1976, mae CIE L * a * b * (a elwir yn aml yn &#8220;Lab) wedi&#8217;i gynllunio i fod yn unffurf o ran canfyddiad, sy&#8217;n golygu bod pellteroedd cyfartal yn y gofod lliw yn cyfateb yn fras i wahaniaethau canfyddedig mewn lliw. Mae hyn yn ei gwneud yn ddelfrydol ar gyfer mesur gwahaniaethau lliw a pherfformio cywiriadau lliw.<\/p>\n                        <p class=\"step-text\">Yn Lab, mae L* yn cynrychioli ysgafnder (0-100), mae a* yn cynrychioli&#8217;r echel werdd-goch, a b* yn cynrychioli&#8217;r echelin las-felyn. Mae gwahanu ysgafnder oddi wrth wybodaeth lliw yn gwneud Lab yn arbennig o ddefnyddiol ar gyfer tasgau golygu delweddau fel addasu cyferbyniad heb effeithio ar liwiau.<\/p>\n                        <p class=\"step-text\">Mae unffurfiaeth canfyddiadol Lab yn ei gwneud yn amhrisiadwy ar gyfer cywiro lliw a rheoli ansawdd. Os oes gan ddau liw wahaniaeth rhifiadol bach mewn gwerthoedd Lab, dim ond ychydig yn wahanol y byddant yn ymddangos i arsylwyr dynol. Nid yw&#8217;r eiddo hwn yn wir ar gyfer RGB na CMYK, lle gall yr un gwahaniaeth rhifiadol arwain at newidiadau canfyddedig gwahanol iawn yn dibynnu ar ble yn y gofod lliw mae&#8217;r lliwiau wedi&#8217;u lleoli.<\/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\">Ganfyddiadol unffurf ar gyfer mesur lliw cywir<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn gwahanu ysgafnder oddi wrth wybodaeth lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Fe&#8217;i defnyddir mewn golygu delwedd uwch a chywiro lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Elfen graidd llifoedd gwaith rheoli lliw 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\">Yn gallu mynegi lliwiau y tu allan i gamut RGB a 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\">Fe&#8217;i defnyddir ar gyfer cyfrifiadau gwahaniaeth lliw 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* Gofod Lliw<\/h3>\n                        <p class=\"step-text\">Datblygwyd CIE L*u*v* ochr yn ochr \u00e2 L*a*b* fel gofod lliw gwahanol canfyddiadol unffurf. Mae&#8217;n arbennig o ddefnyddiol ar gyfer cymwysiadau sy&#8217;n cynnwys cymysgu lliwiau ac arddangosiadau ychwanegyn, tra bod L * a * b * yn aml yn cael ei ffafrio ar gyfer systemau lliw tynnu fel argraffu.<\/p>\n                        <p class=\"step-text\">Fel Lab, mae L*u*v* yn defnyddio L* ar gyfer ysgafnder, tra bod u* a v* yn gyfesurynnau cromatigrwydd. Defnyddir y gofod lliw hwn yn gyffredin mewn systemau darlledu teledu a chyfrifiadau gwahaniaeth lliw ar gyfer technolegau arddangos.<\/p>\n                        <p class=\"step-text\">Un gwahaniaeth allweddol rhwng L * a * b * a L * u * v * yw bod L * u * v * wedi&#8217;i ddylunio&#8217;n benodol i drin lliwiau a goleuadau emissive yn well. Mae&#8217;n cynnwys y gallu i gynrychioli lliwiau yn nhermau cyfesurynnau cromatigrwydd y gellir eu cydberthyn yn hawdd \u00e2&#8217;r diagramau cromatigrwydd a ddefnyddir mewn lliwimetreg a dylunio goleuo.<\/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\">Yn addas iawn ar gyfer cymwysiadau lliw ychwanegion<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir mewn diwydiannau teledu a darlledu<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn darparu mesuriadau gwahaniaeth lliw unffurf<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Gwell ar gyfer lliwiau emissive a dylunio goleuo<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn cynnwys mapio tymheredd lliw cydberthynol<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- HSL, HSV, and Perceptual Spaces -->\n        <section id=\"hsl-spaces\" class=\"color-space-detail-section\">\n            <h2 class=\"section-title\">HSL, HSV, a Mannau Lliw Canfyddiadol<\/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\">Cynrychiolaeth Lliw sythweledol<\/h3>\n                    <p class=\"feature-text\">Tra bod RGB a CMYK yn disgrifio lliwiau yn nhermau cymysgu lliwiau cynradd, mae HSL (Lliw, Dirlawnder, Ysgafnder) a HSV \/ HSB (Lliw, Dirlawnder, Gwerth \/ Disgleirdeb) yn cynrychioli lliwiau mewn ffordd sy&#8217;n fwy greddfol i sut mae bodau dynol yn meddwl am liw.<\/p>\n                    <p class=\"feature-text\">Mae&#8217;r gofodau hyn yn gwahanu&#8217;r cydrannau lliw (lliw) oddi wrth briodoleddau dwyster (dirlawnder ac ysgafnder \/ disgleirdeb), gan eu gwneud yn arbennig o ddefnyddiol ar gyfer dewis lliw, dylunio UI, a chymwysiadau artistig lle mae addasiadau lliw greddfol yn bwysig.<\/p>\n                    <p class=\"feature-text\">Mantais allweddol HSL a HSV yw eu bod yn cyd-fynd yn agosach \u00e2 sut mae pobl yn naturiol yn meddwl am liwiau ac yn eu disgrifio. Pan fydd rhywun eisiau creu &#8220;glas tywyllach&#8221; neu &#8220;goch mwy bywiog,&#8221; maen nhw&#8217;n meddwl o ran lliw, dirlawnder a disgleirdeb &#8211; nid o ran gwerthoedd RGB. Dyma pam mae codwyr lliw mewn meddalwedd dylunio yn aml yn cyflwyno opsiynau llithryddion RGB ac 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\">Gofod Lliw HSL<\/h3>\n                        <p class=\"feature-text\">Mae HSL yn cynrychioli lliwiau mewn system gyfesurynnau silindrog, gyda Hue fel ongl (0-360 \u00b0) yn cynrychioli&#8217;r math o liw, Dirlawnder (0-100%) yn nodi dwyster lliw, ac Ysgafnder (0-100%) yn disgrifio pa mor ysgafn neu dywyll yw&#8217;r lliw.<\/p>\n                        <p class=\"feature-text\">Mae HSL yn arbennig o ddefnyddiol ar gyfer cymwysiadau dylunio oherwydd bod ei baramedrau&#8217;n mapio&#8217;n reddfol i sut rydyn ni&#8217;n disgrifio lliwiau. Fe&#8217;i defnyddir yn eang mewn datblygu gwe trwy CSS, lle gellir nodi lliwiau gan ddefnyddio&#8217;r swyddogaeth hsl(). Mae hyn yn gwneud creu cynlluniau lliw ac addasu lliwiau ar gyfer gwahanol gyflyrau rhyngwyneb (hofran, gweithredol, ac ati) yn llawer mwy greddfol.<\/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\">Lliw: Y lliw sylfaenol (coch, melyn, gwyrdd, ac ati)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dirlawnder: Dwysedd lliw o lwyd (0%) i liw 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\">Ysgafnder: Disgleirdeb o ddu (0%) trwy liw i wyn (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\">Yn gyffredin mewn dylunio gwe a manylebau lliw 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\">Mae&#8217;r ysgafnder mwyaf (100%) bob amser yn cynhyrchu gwyn waeth beth fo&#8217;i liw<\/span>\n                            <\/li>\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 cymesur gydag ysgafnder canol (50%) ar gyfer lliwiau pur<\/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\">Gofod Lliw HSV\/HSB<\/h3>\n                        <p class=\"feature-text\">Mae HSV (a elwir hefyd yn HSB) yn debyg i HSL ond mae&#8217;n defnyddio Gwerth \/ Disgleirdeb yn lle Ysgafnder. Mewn HSV, mae&#8217;r disgleirdeb mwyaf (100%) yn cynhyrchu&#8217;r lliw llawn waeth beth fo&#8217;r dirlawnder, tra yn HSL, mae&#8217;r ysgafnder mwyaf bob amser yn cynhyrchu gwyn.<\/p>\n                        <p class=\"feature-text\">Mae&#8217;r model HSV yn aml yn cael ei ffafrio mewn rhyngwynebau dewis lliw oherwydd ei fod yn mapio&#8217;n fwy greddfol i sut mae artistiaid yn cymysgu lliwiau \u00e2 phaent &#8211; gan ddechrau gyda du (dim golau \/ gwerth) ac ychwanegu pigment i greu lliwiau o ddisgleirdeb cynyddol. Mae&#8217;n arbennig o reddfol ar gyfer creu arlliwiau a thonau o liw wrth gynnal ei arlliw canfyddedig.<\/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\">Lliw: Y lliw sylfaenol (coch, melyn, gwyrdd, ac ati)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dirlawnder: Arddwysedd lliw o wyn\/llwyd (0%) i liw 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\">Gwerth\/Disgleirdeb: Dwysedd o ddu (0%) i liw llawn (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\">Defnyddir yn gyffredin mewn codwyr lliw meddalwedd dylunio graffeg<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Uchafswm gwerth (100%) sy&#8217;n cynhyrchu&#8217;r lliw llawn ar ei fwyaf dwys<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn fwy greddfol ar gyfer creu arlliwiau a thonau<\/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\">System Lliw Munsell<\/h3>\n                        <p class=\"feature-text\">Mae system Munsell yn ofod lliw canfyddiadol hanesyddol sy&#8217;n trefnu lliwiau mewn tri dimensiwn: lliw, gwerth (ysgafnder), a chroma (purdeb lliw). Fe&#8217;i cr\u00ebwyd i ddarparu dull trefnus ar gyfer disgrifio lliwiau yn seiliedig ar ganfyddiad dynol.<\/p>\n                        <p class=\"feature-text\">Wedi&#8217;i datblygu ar ddechrau&#8217;r 20fed ganrif gan yr Athro Albert H. Munsell, roedd y system hon yn chwyldroadol oherwydd ei bod yn un o&#8217;r rhai cyntaf i drefnu lliwiau yn seiliedig ar unffurfiaeth canfyddiadol yn hytrach na phriodweddau ffisegol. Yn wahanol i fannau lliw digidol modern, roedd yn system ffisegol yn defnyddio sglodion lliw wedi&#8217;u paentio wedi&#8217;u trefnu mewn gofod tri dimensiwn.<\/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\">Yn rhagddyddio modelau lliw digidol ond yn dal i gael ei ddefnyddio mewn rhai meysydd<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dylanwadol yn natblygiad theori lliw modern<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn dal i gael ei ddefnyddio mewn dosbarthiad pridd, addysg celf, a dadansoddi lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn seiliedig ar fylchau canfyddiadol yn hytrach na fformiwl\u00e2u mathemategol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Trefnu lliwiau mewn strwythur tebyg i goeden gyda lliw yn ymledu o echel ganolog<\/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\">Gofod Lliw HCL<\/h3>\n                        <p class=\"feature-text\">Mae HCL (Lliw, Chroma, Luminance) yn ofod lliw unffurf canfyddiadol sy&#8217;n cyfuno natur reddfol HSL ag unffurfiaeth canfyddiadol Lab. Mae&#8217;n arbennig o ddefnyddiol ar gyfer creu paletau lliw a graddiannau sy&#8217;n ymddangos yn gyson o ran disgleirdeb a dirlawnder canfyddedig.<\/p>\n                        <p class=\"feature-text\">Er nad yw&#8217;n cael ei weithredu mor eang mewn meddalwedd \u00e2 HSL neu HSV, mae HCL (a elwir hefyd yn LCh pan archebir y paramedrau&#8217;n wahanol) yn dod yn fwy poblogaidd ar gyfer delweddu a dylunio data oherwydd ei fod yn creu graddfeydd lliw mwy canfyddiadol cyson. Mae hyn yn arbennig o bwysig ar gyfer delweddu data lle defnyddir lliw i gynrychioli gwerthoedd.<\/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\">Gwisg ymddangosiadol yn wahanol i 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\">Ardderchog ar gyfer creu graddfeydd lliw cyson<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn seiliedig ar y gofod lliw Lab ond gyda chyfesurynnau pegynol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir yn gynyddol mewn delweddu data a dylunio gwybodaeth<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn creu cynlluniau lliw mwy cyt\u00fbn a chytbwys<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- YCbCr and Video Color Spaces -->\n        <section id=\"video-spaces\" class=\"color-space-detail-section\">\n            <h2 class=\"section-title\">YCbCr a Mannau Lliw Fideo<\/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\">Gwahaniad Luminance-Chrominance<\/h3>\n                    <p class=\"feature-text\">Mae systemau cywasgu fideo a delwedd yn aml yn defnyddio bylchau lliw sy&#8217;n gwahanu goleuder (disgleirdeb) oddi wrth wybodaeth crominance (lliw). Mae&#8217;r dull hwn yn manteisio ar sensitifrwydd uwch y system weledol ddynol i fanylion disgleirdeb nag i amrywiadau lliw.<\/p>\n                    <p class=\"feature-text\">Trwy amgodio goleuder ar gydraniad uwch na chydrannau crominance, mae&#8217;r gofodau hyn yn galluogi cywasgu data sylweddol wrth gynnal ansawdd delwedd canfyddedig. Dyma sylfaen y rhan fwyaf o fformatau fideo digidol a thechnolegau cywasgu.<\/p>\n                    <p class=\"feature-text\">Mae&#8217;r system weledol ddynol yn llawer mwy sensitif i newidiadau mewn disgleirdeb nag i newidiadau mewn lliw. Mae&#8217;r ffaith fiolegol hon yn cael ei hecsbloetio mewn cywasgu fideo trwy neilltuo mwy o led band i wybodaeth goleuder nag i liw. Gall y dull hwn, a elwir yn is-samplu croma, leihau maint ffeiliau 50% neu fwy wrth gynnal ansawdd gweledol sy&#8217;n ymddangos bron yn union yr un fath \u00e2&#8217;r ffynhonnell anghywasgedig.<\/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\">Gofod Lliw YCbCr<\/h3>\n                        <p class=\"step-text\">YCbCr yw&#8217;r gofod lliw mwyaf cyffredin a ddefnyddir mewn fideo digidol a chywasgu delweddau. Mae Y yn cynrychioli goleuder, tra bod Cb a Cr yn gydrannau crominance gwahaniaeth glas a choch-gwahaniaeth. Mae&#8217;r gofod hwn yn perthyn yn agos i YUV ond wedi&#8217;i addasu ar gyfer systemau digidol.<\/p>\n                        <p class=\"step-text\">Mae delweddau JPEG, fideos MPEG, a&#8217;r mwyafrif o fformatau fideo digidol yn defnyddio amgodio YCbCr. Mae&#8217;r arfer safonol o &#8220;samplo croma&#8221; (lleihau cydraniad sianeli Cb a Cr) yn y fformatau hyn yn bosibl oherwydd y gwahaniad goleuder-crominance.<\/p>\n                        <p class=\"step-text\">Mae is-samplu croma fel arfer yn cael ei fynegi fel cymhareb o dri rhif, fel 4:2:0 neu 4:2:2. Mewn is-samplu 4:2:0 (sy&#8217;n gyffredin mewn ffrydio fideo), am bob pedwar sampl goleuder, dim ond dau sampl crominance sydd yn llorweddol a dim un yn fertigol. Mae hyn yn lleihau&#8217;r cydraniad lliw i chwarter y datrysiad goleuder, gan leihau maint y ffeil yn sylweddol wrth gynnal ansawdd canfyddedig rhagorol.<\/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\">Fe&#8217;i defnyddir ym mron pob fformat fideo digidol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Sylfaen cywasgu delwedd 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\">Yn galluogi is-samplu croma effeithlon (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\">Mae gwahanol amrywiadau yn bodoli ar gyfer gwahanol safonau fideo<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir mewn codecau H.264, H.265, VP9, ac 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\">Gofod Lliw YUV<\/h3>\n                        <p class=\"step-text\">Datblygwyd YUV ar gyfer systemau teledu analog i ddarparu cydnawsedd yn \u00f4l rhwng darllediadau lliw a du-a-gwyn. Fel YCbCr, mae&#8217;n gwahanu goleuder (Y) o gydrannau crominance (U a V).<\/p>\n                        <p class=\"step-text\">Er bod YUV yn aml yn cael ei ddefnyddio ar lafar i gyfeirio at unrhyw fformat goleuder-crominance, mae gwir YUV yn benodol i safonau teledu analog. Yn gyffredinol, mae systemau digidol modern yn defnyddio YCbCr, er bod y termau&#8217;n aml yn cael eu drysu neu&#8217;n cael eu defnyddio&#8217;n gyfnewidiol.<\/p>\n                        <p class=\"step-text\">Roedd datblygiad gwreiddiol YUV yn gyflawniad peirianyddol rhyfeddol a ddatrysodd yr her o ddarlledu signalau teledu lliw tra&#8217;n cynnal cydnawsedd \u00e2 setiau teledu du-a-gwyn presennol. Trwy amgodio gwybodaeth lliw mewn ffordd y byddai setiau teledu du-a-gwyn yn ei hanwybyddu, creodd peirianwyr system lle gellid gwylio un darllediad ar y ddau fath o set.<\/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\">Pwysigrwydd hanesyddol mewn datblygu darlledu teledu<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn aml yn cael ei ddefnyddio&#8217;n anghywir fel term cyffredinol ar gyfer 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\">Mae gwahanol amrywiadau yn bodoli ar gyfer gwahanol safonau teledu analog<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddiodd systemau PAL, NTSC, a SECAM wahanol weithrediadau 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\">Galluogi cydweddoldeb tuag yn \u00f4l \u00e2 theledu du-a-gwyn<\/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 a Fideo HD<\/h3>\n                        <p class=\"step-text\">Mae Arg.709 (Argymhelliad ITU-R BT.709) yn diffinio gofod lliw a pharamedrau amgodio ar gyfer teledu manylder uwch. Mae&#8217;n nodi ysgolion cynradd RGB ac amgodio YCbCr ar gyfer cynnwys HD, gyda gamut tebyg i sRGB.<\/p>\n                        <p class=\"step-text\">Mae&#8217;r safon hon yn sicrhau cysondeb wrth gynhyrchu ac arddangos fideo HD ar draws gwahanol ddyfeisiau a systemau darlledu. Mae&#8217;n cynnwys manylebau ar gyfer ysgolion cynradd lliw, swyddogaethau trosglwyddo (gamma), a chyfernodau matrics ar gyfer trosi RGB i YCbCr.<\/p>\n                        <p class=\"step-text\">Sefydlwyd Rec.709 yn y 1990au fel y safon ar gyfer HDTV, gan nodi nid yn unig y gofod lliw ond hefyd cyfraddau ffr\u00e2m, datrysiad, a chymarebau agwedd. Mae ei gromlin gama ychydig yn wahanol i sRGB, er eu bod yn rhannu&#8217;r un ysgolion cynradd lliw. Er bod Rec.709 yn chwyldroadol am ei amser, mae safonau mwy newydd fel fformatau Rec.2020 a HDR yn darparu gamutau lliw sylweddol ehangach ac ystod ddeinamig.<\/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\">Gofod lliw safonol ar gyfer teledu 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\">Gamut tebyg i sRGB ond gydag amgodio gwahanol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Defnyddir mewn disgiau Blu-ray a darllediadau 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\">Yn diffinio swyddogaeth drosglwyddo aflinol benodol (gama)<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Cael eu hategu gan safonau HDR fel PQ a 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\">Fideo Ystod Uchel Dynamig<\/h3>\n                        <p class=\"step-text\">Mae fideo Ystod Uchel Deinamig (HDR) yn ehangu&#8217;r gamut lliw ac ystod disgleirdeb fideo traddodiadol. Mae safonau fel HDR10, Dolby Vision, a HLG (Hybrid Log-Gamma) yn diffinio sut mae&#8217;r ystod estynedig hon yn cael ei hamgodio a&#8217;i harddangos.<\/p>\n                        <p class=\"step-text\">Mae fideo HDR fel arfer yn defnyddio swyddogaethau trosglwyddo newydd (EOTF) fel PQ (Perceptual Quantizer, wedi&#8217;i safoni fel SMPTE ST 2084) a all gynrychioli ystod lawer ehangach o lefelau disgleirdeb na chromliniau gama traddodiadol. Wedi&#8217;i gyfuno \u00e2 gamuts lliw eang fel P3 neu Rec.2020, mae hyn yn creu profiad gwylio llawer mwy realistig a throchi.<\/p>\n                        <p class=\"step-text\">Mae&#8217;r gwahaniaeth rhwng cynnwys SDR a HDR yn ddramatig &#8211; gall HDR gynrychioli popeth o gysgodion dwfn i uchafbwyntiau llachar mewn un ffr\u00e2m, yn debyg i sut mae&#8217;r llygad dynol yn canfod golygfeydd go iawn. Mae hyn yn dileu&#8217;r angen am y cyfaddawdau mewn amlygiad ac ystod ddeinamig sydd wedi bod yn angenrheidiol trwy gydol hanes ffilm a fideo.<\/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\">Yn ehangu ystod lliw ac ystod disgleirdeb<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn defnyddio swyddogaethau trosglwyddo newydd fel PQ a 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\">Mae HDR10 yn darparu lliw 10-did gyda metadata statig<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae Dolby Vision yn cynnig lliw 12-did gyda metadata golygfa wrth olygfa<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dyluniwyd HLG ar gyfer cydnawsedd darlledu<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Comparison Section -->\n        <section id=\"color-comparison\" class=\"comparison-section\">\n            <h2 class=\"section-title\">Cymharu Mannau Lliw Cyffredin<\/h2>\n            \n            <div class=\"formats-container\">\n                <h3 class=\"formats-title\">Cipolwg ar Fannau Lliw<\/h3>\n                <p class=\"formats-subtitle\">Mae&#8217;r gymhariaeth hon yn amlygu&#8217;r nodweddion allweddol a&#8217;r achosion defnydd ar gyfer y gofodau lliw mwyaf cyffredin. Mae deall y gwahaniaethau hyn yn hanfodol ar gyfer dewis y gofod lliw cywir ar gyfer eich anghenion penodol.<\/p>\n                \n                <div class=\"feature-card\">\n                    <div class=\"feature-content\">\n                        <h3 class=\"feature-title\">Cymhariaeth Mannau Lliw 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> Gamut lleiaf, safonol ar gyfer y we, cydnawsedd cyffredinol<\/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> Gamut ehangach, yn well ar gyfer print, yn enwedig mewn ardaloedd gwyrddlas<\/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>Arddangos P3:<\/strong> Gwell coch a gwyrdd, a ddefnyddir gan ddyfeisiau 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> Gamut hynod eang, angen dyfnder 16-bit, yn ddelfrydol ar gyfer ffotograffiaeth<\/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>Arg.2020:<\/strong> Gamut hynod eang ar gyfer fideo 4K \/ 8K, safon sy&#8217;n canolbwyntio ar y dyfodol<\/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\">Nodweddion Gofod Lliw<\/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> Gamut llai o faint na RGB, sy&#8217;n canolbwyntio ar brint<\/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>Lab:<\/strong> Dyfais-annibynnol, canfyddiadol unffurf, gamut mwyaf<\/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> Detholiad lliw sythweledol, heb fod yn unffurf o ran canfyddiad<\/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> Yn gwahanu goleuder oddi wrth liw, wedi&#8217;i optimeiddio ar gyfer cywasgu<\/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> Gofod cyfeirio ar gyfer gwyddoniaeth lliw, na chaiff ei ddefnyddio&#8217;n uniongyrchol ar gyfer delweddau<\/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\">Defnyddiwch Argymhellion Achos<\/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>Cynnwys Gwe a Digidol:<\/strong> sRGB neu Display P3 (gyda sRGB wrth gefn)<\/span>\n                            <\/li>\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>Ffotograffiaeth Broffesiynol:<\/strong> Adobe RGB neu ProPhoto RGB mewn 16-did<\/span>\n                            <\/li>\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>Cynhyrchu Argraffu:<\/strong> Adobe RGB ar gyfer gofod gweithio, proffil CMYK ar gyfer allbwn<\/span>\n                            <\/li>\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>Cynhyrchu Fideo:<\/strong> Argymhelliad 709 ar gyfer HD, Argymhelliad 2020 ar gyfer 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>Celf a Dylunio Digidol:<\/strong> Adobe RGB neu 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>Cywiro Lliw:<\/strong> Lab ar gyfer addasiadau dyfais-annibynnol<\/span>\n                            <\/li>\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>Dyluniad UI \/ UX:<\/strong> HSL \/ HSV ar gyfer dewis lliw greddfol<\/span>\n                            <\/li>\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>Cywasgiad Fideo:<\/strong> YCbCr gydag is-samplu croma priodol<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Practical Applications Section -->\n        <section id=\"practical-guides\" class=\"practical-section\">\n            <h2 class=\"section-title\">Rheoli Gofod Lliw Ymarferol<\/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\">Systemau Rheoli Lliw<\/h3>\n                        <p class=\"feature-text\">Mae systemau rheoli lliw (CMS) yn sicrhau atgynhyrchu lliw cyson ar draws gwahanol ddyfeisiau trwy ddefnyddio proffiliau dyfeisiau a thrawsnewidiadau gofod lliw. Maent yn hanfodol ar gyfer llifoedd gwaith proffesiynol mewn ffotograffiaeth, dylunio ac argraffu.<\/p>\n                        <p class=\"feature-text\">Sylfaen rheoli lliw modern yw system broffil ICC (Consortiwm Lliw Rhyngwladol). Mae&#8217;r proffiliau hyn yn disgrifio nodweddion lliw dyfeisiau neu ofodau lliw penodol, gan ganiat\u00e1u ar gyfer cyfieithiadau cywir rhyngddynt. Heb reolaeth lliw priodol, gall yr un gwerthoedd RGB edrych yn ddramatig wahanol ar draws dyfeisiau amrywiol.<\/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\">Yn seiliedig ar broffiliau ICC sy&#8217;n nodweddu ymddygiad lliw dyfais<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn defnyddio proffiliau sy&#8217;n annibynnol ar ddyfais (fel Lab) fel gofod cyfnewid<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn trin mapio gamut ar gyfer gwahanol fannau cyrchfan<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn darparu bwriadau rendro ar gyfer gwahanol nodau trosi<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn cefnogi trawsnewidiadau cyswllt dyfais ac aml-gam<\/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\">Graddnodi Arddangos<\/h3>\n                        <p class=\"feature-text\">Monitro graddnodi yw sylfaen rheoli lliw, gan sicrhau bod eich arddangosfa&#8217;n cynrychioli lliwiau&#8217;n gywir. Heb fonitor wedi&#8217;i raddnodi, efallai y bydd pob ymdrech arall i reoli lliw yn cael ei danseilio.<\/p>\n                        <p class=\"feature-text\">Mae graddnodi yn golygu addasu gosodiadau eich monitor a chreu proffil ICC sy&#8217;n cywiro unrhyw wyriadau oddi wrth ymddygiad lliw safonol. Mae&#8217;r broses hon fel arfer yn gofyn am liwimedr caledwedd neu sbectroffotomedr ar gyfer canlyniadau cywir, er bod graddnodi meddalwedd sylfaenol yn well na dim o gwbl.<\/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\">Mae dyfeisiau graddnodi caledwedd yn darparu&#8217;r canlyniadau mwyaf cywir<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn addasu pwynt gwyn, gama, ac ymateb lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn creu proffil ICC y mae systemau rheoli lliw yn ei ddefnyddio<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Dylid ei berfformio&#8217;n rheolaidd gan fod arddangosiadau&#8217;n newid dros amser<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Yn aml mae gan arddangosfeydd proffesiynol nodweddion graddnodi caledwedd<\/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\">Gweithio gyda Mannau Lliw Camera<\/h3>\n                        <p class=\"feature-text\">Mae camer\u00e2u digidol yn dal delweddau yn eu gofodau lliw eu hunain, sydd wedyn yn cael eu trosi i ofodau safonol fel sRGB neu Adobe RGB. Mae deall y broses hon yn hanfodol ar gyfer llifoedd gwaith ffotograffiaeth cywir.<\/p>\n                        <p class=\"feature-text\">Mae gan bob camera synhwyrydd unigryw gyda&#8217;i nodweddion ymateb lliw ei hun. Mae gweithgynhyrchwyr camera yn datblygu algorithmau perchnogol i brosesu data synhwyrydd amrwd yn fannau lliw safonol. Wrth saethu mewn fformat RAW, mae gennych fwy o reolaeth dros y broses drosi hon, gan ganiat\u00e1u ar gyfer rheoli lliw yn fwy manwl gywir.<\/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\">Mae ffeiliau RAW yn cynnwys yr holl ddata lliw a ddaliwyd gan y synhwyrydd<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae ffeiliau JPEG yn cael eu trosi i mewn-camera sRGB neu Adobe 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\">Gall proffiliau camera nodweddu ymatebion lliw camera penodol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae mannau gweithio gamut eang yn cadw&#8217;r mwyafrif o ddata camera<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae Proffiliau Lliw DNG (DCP) yn darparu data lliw camera cywir<\/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\">Ystyriaethau Lliw Gwe-Ddiogel<\/h3>\n                        <p class=\"feature-text\">Er bod porwyr gwe modern yn cefnogi rheoli lliw, nid yw llawer o arddangosiadau a dyfeisiau yn gwneud hynny. Mae creu cynnwys gwe sy&#8217;n edrych yn gyson ar draws pob dyfais yn gofyn am ddeall y cyfyngiadau hyn.<\/p>\n                        <p class=\"feature-text\">Mae&#8217;r llwyfan gwe yn symud tuag at well rheolaeth lliw, gyda Modiwl Lliw CSS Lefel 4 yn ychwanegu cefnogaeth ar gyfer manylebau gofod lliw. Fodd bynnag, er mwyn sicrhau&#8217;r cydnawsedd mwyaf, mae&#8217;n dal i fod yn bwysig ystyried cyfyngiadau sRGB a darparu gwrth-gemau priodol ar gyfer cynnwys gamut eang.<\/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 yw&#8217;r dewis mwyaf diogel o hyd ar gyfer cydnawsedd cyffredinol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mewnosod proffiliau lliw mewn delweddau ar gyfer porwyr sy&#8217;n ei gefnogi<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Modiwl Lliw CSS Lefel 4 yn ychwanegu manylebau gofod lliw<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae gwelliant cynyddol ar gyfer arddangosfeydd gamut eang yn bosibl<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Ystyriwch ddefnyddio ymholiadau @media i ganfod arddangosiadau gamut eang<\/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\">Llif Gwaith Cynhyrchu Argraffu<\/h3>\n                        <p class=\"feature-text\">Mae llifoedd gwaith argraffu proffesiynol yn gofyn am reoli gofod lliw yn ofalus o&#8217;r cipio i&#8217;r allbwn terfynol. Mae&#8217;r newid o RGB i CMYK yn gam hanfodol y mae&#8217;n rhaid ei drin yn gywir.<\/p>\n                        <p class=\"feature-text\">Mae argraffu masnachol yn defnyddio mannau lliw CMYK safonol yn seiliedig ar amodau argraffu penodol. Mae&#8217;r safonau hyn yn sicrhau canlyniadau cyson ar draws gwahanol ddarparwyr argraffu a gweisg. Mae angen i ddylunwyr ddeall pa ofod lliw CMYK y mae eu hargraffydd yn ei ddefnyddio ac ymgorffori&#8217;r wybodaeth honno yn eu llif gwaith.<\/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\">Mae prawfddarllen meddal yn efelychu allbwn printiedig ar y sgrin<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae proffiliau argraffydd yn nodweddu cyfuniadau dyfais a phapur penodol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae bwriadau rendro yn pennu dull mapio gamut<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae iawndal pwynt du yn cadw manylion cysgod<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae printiau prawfesur yn dilysu cywirdeb lliw cyn cynhyrchu terfynol<\/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\">Graddio Lliw Fideo<\/h3>\n                        <p class=\"feature-text\">Mae cynhyrchu fideo yn cynnwys ystyriaethau gofod lliw cymhleth, yn enwedig gyda chynnydd HDR a fformatau gamut eang. Mae deall y biblinell lawn o&#8217;r dal i&#8217;r danfon yn hanfodol.<\/p>\n                        <p class=\"feature-text\">Mae cynhyrchu fideo modern yn aml yn defnyddio System Amgodio Lliw yr Academi (ACES) fel fframwaith rheoli lliw safonol. Mae ACES yn darparu man gweithio cyffredin ar gyfer pob ffilm waeth beth fo&#8217;r camera a ddefnyddir, gan symleiddio&#8217;r broses o baru saethiadau o wahanol ffynonellau a pharatoi cynnwys ar gyfer fformatau cyflwyno lluosog.<\/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\">Mae fformatau log yn cadw&#8217;r ystod ddeinamig uchaf o gamer\u00e2u<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae mannau gweithio fel ACES yn darparu rheolaeth lliw safonol<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae safonau HDR yn cynnwys swyddogaethau trosglwyddo PQ a 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\">Efallai y bydd angen fersiynau gofod lliw lluosog ar fformatau dosbarthu<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Mae LUTs (Tablau Edrych) yn helpu i safoni trawsnewidiadau lliw<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- FAQ Section -->\n        <section class=\"faq-section\">\n            <h2 class=\"section-title\">Cwestiynau Cyffredin Am Fannau Lliw<\/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                        Beth yw&#8217;r gwahaniaeth rhwng model lliw a gofod lliw?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Mae model lliw yn fframwaith damcaniaethol ar gyfer cynrychioli lliwiau gan ddefnyddio gwerthoedd rhifiadol (fel RGB neu CMYK), tra bod gofod lliw yn weithrediad penodol o fodel lliw gyda pharamedrau diffiniedig. Er enghraifft, mae RGB yn fodel lliw, tra bod sRGB ac Adobe RGB yn fannau lliw penodol yn seiliedig ar y model RGB, pob un \u00e2 gamuts a nodweddion gwahanol. Meddyliwch am fodel lliw fel y system gyffredinol (fel disgrifio lleoliadau gan ddefnyddio lledred\/hydred) a gofod lliw fel map penodol o&#8217;r system honno (fel map manwl o ranbarth penodol gyda chyfesurynnau manwl gywir).<\/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                        Pam mae fy allbwn printiedig yn edrych yn wahanol i&#8217;r hyn a welaf ar y sgrin?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Mae sawl ffactor yn achosi&#8217;r gwahaniaeth hwn: mae monitorau&#8217;n defnyddio lliw RGB (ychwanegyn) tra bod argraffwyr yn defnyddio lliw CMYK (tynnu); fel arfer mae gan arddangosiadau gamut ehangach nag allbwn printiedig; mae sgriniau&#8217;n allyrru golau tra bod printiau&#8217;n ei adlewyrchu; a heb reoli lliw yn gywir, nid oes unrhyw gyfieithiad rhwng y gwahanol fannau lliw hyn. Yn ogystal, mae math o bapur yn effeithio&#8217;n sylweddol ar sut mae lliwiau&#8217;n ymddangos mewn print, gyda phapurau heb eu gorchuddio fel arfer yn cynhyrchu llai o liwiau dirlawn na phapurau sgleiniog. Gall graddnodi&#8217;ch monitor a defnyddio proffiliau ICC ar gyfer eich cyfuniad argraffydd a phapur penodol leihau&#8217;r anghysondebau hyn yn sylweddol, er y bydd rhai gwahaniaethau bob amser yn parhau oherwydd y gwahaniaethau ffisegol sylfaenol rhwng arddangosiadau sy&#8217;n allyrru golau a phrintiau sy&#8217;n adlewyrchu golau.<\/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                        A ddylwn i ddefnyddio sRGB, Adobe RGB, neu ProPhoto RGB ar gyfer ffotograffiaeth?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Mae&#8217;n dibynnu ar eich llif gwaith a&#8217;ch anghenion allbwn. sRGB sydd orau ar gyfer delweddau a fwriedir ar gyfer y we neu wylio cyffredinol ar sgriniau. Mae Adobe RGB yn ardderchog ar gyfer gwaith argraffu, gan gynnig gamut ehangach sy&#8217;n cyd-fynd yn well \u00e2 galluoedd argraffu. Mae ProPhoto RGB yn ddelfrydol ar gyfer llifoedd gwaith proffesiynol lle mae cadw gwybodaeth lliw mwyaf yn hanfodol, yn enwedig wrth weithio gyda ffeiliau RAW yn y modd 16-did. Mae llawer o ffotograffwyr yn defnyddio dull hybrid: golygu yn ProPhoto RGB neu Adobe RGB, yna trosi i sRGB ar gyfer rhannu gwe. Os ydych chi&#8217;n saethu mewn camera fformat JPEG, mae Adobe RGB yn gyffredinol yn well dewis na sRGB os yw&#8217;ch camera yn ei gefnogi, gan ei fod yn cadw mwy o wybodaeth lliw i&#8217;w olygu&#8217;n ddiweddarach. Fodd bynnag, os ydych chi&#8217;n saethu RAW (a argymhellir ar gyfer yr ansawdd mwyaf), mae gosodiad gofod lliw y camera yn effeithio ar y rhagolwg JPEG yn unig ac nid y data RAW gwirioneddol.<\/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                        Beth sy&#8217;n digwydd pan fydd lliwiau y tu allan i gamut gofod lliw?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Wrth drosi rhwng bylchau lliw, rhaid ail-fapio lliwiau sydd y tu allan i gamut y gofod cyrchfan gan ddefnyddio proses a elwir yn fapio gamut. Mae hyn yn cael ei reoli gan fwriadau rendro: Mae rendrad canfyddiadol yn cadw&#8217;r berthynas weledol rhwng lliwiau trwy gywasgu&#8217;r gamut cyfan; Mae Relative Colorimetric yn cynnal lliwiau sydd o fewn y ddau gamuts a chlipiau lliwiau allan-o-gamut i&#8217;r lliw atgynhyrchadwy agosaf; Mae Absolute Colorimetric yn debyg ond hefyd yn addasu ar gyfer gwyn papur; ac mae dirlawnder yn rhoi blaenoriaeth i gynnal lliwiau bywiog dros gywirdeb. Mae&#8217;r dewis o fwriad rendro yn dibynnu ar y cynnwys a&#8217;ch blaenoriaethau. Ar gyfer ffotograffau, mae Perceptual yn aml yn cynhyrchu&#8217;r canlyniadau mwyaf naturiol eu golwg. Ar gyfer graffeg gyda lliwiau brand penodol, mae Lliwimetrig Cymharol fel arfer yn gweithio&#8217;n well i gadw&#8217;r union liwiau lle bo modd. Gall systemau rheoli lliw modern ddangos i chi pa liwiau sydd allan o gamut cyn eu trosi, gan ganiat\u00e1u i chi wneud addasiadau i liwiau critigol.<\/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                        Pa mor bwysig yw graddnodi monitorau ar gyfer rheoli lliw?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Calibradu monitor yw sylfaen unrhyw system rheoli lliw. Heb arddangosfa wedi&#8217;i galibro, rydych chi&#8217;n gwneud penderfyniadau golygu yn seiliedig ar wybodaeth lliw anghywir. Mae graddnodi yn addasu&#8217;ch monitor i gyflwr safonol hysbys trwy osod y pwynt gwyn (fel arfer D65 \/ 6500K), gama (2.2 fel arfer), a disgleirdeb (80-120 cd \/ m\u00b2 yn aml), ac yn creu proffil ICC y mae cymwysiadau a reolir \u00e2 lliw yn eu defnyddio i arddangos lliwiau&#8217;n gywir. Ar gyfer gwaith proffesiynol, mae dyfais graddnodi caledwedd yn hanfodol a dylid cynnal ail-raddnodi bob mis. Gall hyd yn oed lliwimedrau gradd defnyddwyr wella cywirdeb lliw yn ddramatig o&#8217;i gymharu ag arddangosfeydd heb eu graddnodi. Y tu hwnt i raddnodi, mae eich amgylchedd gwaith hefyd yn bwysig &#8211; mae waliau llwyd niwtral, goleuadau rheoledig, ac osgoi golau uniongyrchol ar y sgrin i gyd yn cyfrannu at ganfyddiad lliw mwy cywir. Ar gyfer gwaith lliw critigol, ystyriwch fuddsoddi mewn monitor gradd broffesiynol gyda sylw gamut eang, galluoedd graddnodi caledwedd, a chwfl i rwystro golau amgylchynol.<\/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                        Pa ofod lliw ddylwn i ei ddefnyddio ar gyfer dylunio a datblygu gwe?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>sRGB yw&#8217;r safon o hyd ar gyfer cynnwys gwe gan ei fod yn sicrhau&#8217;r profiad mwyaf cyson ar draws gwahanol ddyfeisiau a phorwyr. Er bod porwyr modern yn cefnogi rheoli lliw a chamuts ehangach yn gynyddol, nid yw llawer o ddyfeisiau a phorwyr yn gwneud hynny o hyd. Ar gyfer prosiectau sy&#8217;n edrych i&#8217;r dyfodol, gallwch weithredu gwelliant cynyddol trwy ddefnyddio sRGB fel llinell sylfaen wrth ddarparu asedau gamut eang (gan ddefnyddio nodweddion Modiwl Lliw Lefel 4 CSS neu ddelweddau wedi&#8217;u tagio) ar gyfer dyfeisiau sy&#8217;n eu cefnogi. Mae Modiwl Lliw CSS Lefel 4 yn cyflwyno cefnogaeth ar gyfer arddangos-p3, prophoto-rgb, a mannau lliw eraill trwy swyddogaethau fel lliw (display-p3 1 0.5 0), gan ganiat\u00e1u i ddylunwyr gwe dargedu arddangosfeydd gamut ehangach heb aberthu cydnawsedd. I gael y cydnawsedd mwyaf \u00e2 phorwyr h\u0177n, cadwch fersiwn sRGB o&#8217;r holl asedau a defnyddiwch ganfod nodweddion i wasanaethu cynnwys gamut eang i ddyfeisiau cydnaws yn unig. Profwch eich dyluniadau ar draws dyfeisiau a phorwyr lluosog bob amser i sicrhau ymddangosiad derbyniol i bob defnyddiwr.<\/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                        Sut mae bylchau lliw yn effeithio ar gywasgiad delwedd a maint ffeil?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Mae mannau lliw yn effeithio&#8217;n sylweddol ar gywasgiad delwedd a maint ffeil. Mae trosi o RGB i YCbCr (mewn cywasgiad JPEG) yn caniat\u00e1u ar gyfer is-samplu croma, sy&#8217;n lleihau maint y ffeil trwy storio gwybodaeth lliw ar gydraniad is na gwybodaeth disgleirdeb, gan fanteisio ar sensitifrwydd y llygad dynol i fanylion goleuder. Mae mannau gamut eang fel ProPhoto RGB angen dyfnder did uwch (16-bit vs. 8-bit) i osgoi bandio, gan arwain at ffeiliau mwy. Wrth arbed mewn fformatau fel PNG nad ydynt yn defnyddio is-samplu croma, nid yw&#8217;r gofod lliw ei hun yn effeithio&#8217;n sylweddol ar faint y ffeil, ond mae dyfnder didau uwch yn gwneud hynny. Nid yw ffeiliau JPEG sy&#8217;n cael eu cadw yn Adobe RGB neu ProPhoto RGB yn gynhenid \u200b\u200b\u200b\u200byn defnyddio mwy o storfa na fersiynau sRGB yn yr un gosodiad ansawdd, ond rhaid iddynt gynnwys proffil lliw wedi&#8217;i fewnosod i&#8217;w arddangos yn gywir, gan ychwanegu ychydig at faint y ffeil. Er mwyn sicrhau&#8217;r effeithlonrwydd cywasgu mwyaf posibl mewn fformatau dosbarthu, mae trosi i 8-did sRGB neu YCbCr gydag is-samplu priodol fel arfer yn darparu&#8217;r cydbwysedd gorau o ran maint ffeil ac ansawdd gweladwy.<\/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                        Beth yw&#8217;r berthynas rhwng gofodau lliw a dyfnder didau?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Mae dyfnder did a gofod lliw yn gysyniadau rhyngberthynol sy&#8217;n effeithio ar ansawdd delwedd. Mae dyfnder did yn cyfeirio at nifer y darnau a ddefnyddir i gynrychioli pob sianel lliw, gan bennu faint o werthoedd lliw gwahanol y gellir eu cynrychioli. Er bod gofod lliw yn diffinio&#8217;r ystod o liwiau (gamut), mae dyfnder did yn pennu pa mor fanwl yw&#8217;r ystod honno. Mae mannau lliw gamut ehangach fel ProPhoto RGB fel arfer yn gofyn am ddyfnderoedd did uwch er mwyn osgoi bandio a phostio. Mae hyn oherwydd bod yn rhaid i&#8217;r un nifer o werthoedd penodol ymestyn ar draws ystod lliw mwy, gan greu &#8220;camau&#8221; mwy rhwng lliwiau cyfagos. Er enghraifft, mae amgodio 8-bit yn darparu 256 o lefelau fesul sianel, sy&#8217;n gyffredinol ddigonol ar gyfer sRGB ond yn annigonol ar gyfer ProPhoto RGB. Dyna pam mae llifoedd gwaith proffesiynol yn aml yn defnyddio 16-bit y sianel (lefelau 65,536) wrth weithio mewn mannau gamut eang. Yn yr un modd, mae cynnwys HDR yn gofyn am ddyfnder did uwch (10-did neu 12-did) i gynrychioli ei ystod disgleirdeb estynedig yn llyfn. Mae&#8217;r cyfuniad o ofod lliw a dyfnder didau gyda&#8217;i gilydd yn pennu cyfanswm nifer y lliwiau gwahanol y gellir eu cynrychioli mewn delwedd.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- CTA Section -->\n        <section class=\"cta-section\">\n            <div class=\"cta-pattern\"><\/div>\n            <div class=\"cta-content\">\n                <h2 class=\"cta-title\">Rheoli Lliw Meistr yn Eich Prosiectau<\/h2>\n                <p class=\"cta-text\">P&#8217;un a ydych chi&#8217;n ffotograffydd, dylunydd neu ddatblygwr, mae deall gofodau lliw yn hanfodol ar gyfer cynhyrchu gwaith o ansawdd proffesiynol. Cymhwyswch y cysyniadau hyn i sicrhau bod eich lliwiau&#8217;n edrych yn gyson ar draws pob cyfrwng.<\/p>\n                <div class=\"hero-buttons\">\n                    <a href=\"#color-comparison\" class=\"btn btn-primary\">Cymharwch Fannau Lliw<\/a>\n                    <a href=\"#practical-guides\" class=\"btn btn-secondary\">Gweld Canllawiau Ymarferol<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Deall Mannau Lliw mewn Delweddau: Canllaw Cyflawn i RGB, CMYK, LAB, HSL a Mwy Deall Gofodau Lliw mewn Delweddau Digidol [&hellip;]<\/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":"Deall Mannau Lliw mewn Delweddau: Canllaw Cyflawn i RGB, CMYK, LAB, HSL a Mwy Deall Gofodau Lliw mewn Delweddau Digidol [&hellip;]","_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}]}}