{"id":19970,"date":"2024-04-12T07:15:50","date_gmt":"2024-04-12T07:15:50","guid":{"rendered":"https:\/\/www.techopedia.com\/es\/?post_type=definition&#038;p=19970"},"modified":"2024-10-21T21:13:50","modified_gmt":"2024-10-21T19:13:50","slug":"saturacion-color","status":"publish","type":"definition","link":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color","title":{"rendered":"Saturaci\u00f3n del color"},"content":{"rendered":"<p><span style=\"font-weight: 400\">No hay nada m\u00e1s fascinante desde el punto de vista visual que los colores, los cuales en sus distintos tonos, matices, saturaci\u00f3n y luminosidad llenan cada espacio de la vida y hasta tienen distintos significados a nivel cognitivo, de marketing y psicol\u00f3gico.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">En este post nos centraremos espec\u00edficamente en lo que es <\/span><b>la saturaci\u00f3n del color desde el punto de vista de la teor\u00eda del color, <\/b><span style=\"font-weight: 400\">as\u00ed como tambi\u00e9n te mostramos algunos ejemplos y aplicaciones en la vida diaria. Sin perder m\u00e1s tiempo, \u00a1vamos all\u00e1!\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\"><div>\n    <section class=\"toc-sticky w-100 bg-white \">\n        <div class=\"toc-sticky__container container\">\n            <div class=\"toc-sticky__open d-flex align-items-end\" data-bs-toggle=\"collapse\"\n                 aria-controls=\"multiCollapse1\"\n                 data-bs-target=\"#multiCollapse1\">\n                <button\n                        class=\"btn btn-primary collapse-action-btn p-1 rounded-circle\"\n                        type=\"button\"\n                >\n                    <i class=\"icon-chevron-up\"><\/i>\n                <\/button>\n                <span id=\"toc-current-title\" class=\"d-flex align-items-center\">\n                    Resumen\n                <\/span>\n                <span class=\"toc-main-title-permanent\">Resumen<\/span>\n            <\/div>\n            <div\n                    class=\"collapse my-3\"\n                    id=\"multiCollapse1\"\n            >\n                <ol class=\"StepProgress\">\n                                                                        <li class=\"StepProgress-item current\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"que_es_la_saturacion_del_color\"\n                               onclick=handleScrollToTitle(\"que_es_la_saturacion_del_color\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">\u00bfQu\u00e9 es la saturaci\u00f3n del color?<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                    <li class=\"StepProgress-item subList-in-progress \">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"definicion_de_la_saturacion_del_color\"\n                               onclick=handleScrollToTitle(\"definicion_de_la_saturacion_del_color\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Definici\u00f3n de la\u00a0 Saturaci\u00f3n del color<\/a>\n                                                            <button class=\"StepProgress-item__arrow collapse-action-btn\" type=\"button\"\n                                        data-bs-toggle=\"collapse\"\n                                        data-bs-target=\"#TOC1sublist-definicion_de_la_saturacion_del_color\"\n                                        aria-controls=\"sublist-definicion_de_la_saturacion_del_color\">\n                                    <i class=\"icon-chevron-down\"><\/i>\n                                <\/button>\n                                                    <\/div>\n                                                    <ol class=\"StepProgress-sub-list collapse\" id=\"TOC1sublist-definicion_de_la_saturacion_del_color\">\n                                                                    <li class=\"StepProgress-sub-item\">\n                    <span>\n                      <a data-id=\"la_saturacion_del_color_en_la_digitalizacion\"\n                         onclick=handleScrollToTitle(\"la_saturacion_del_color_en_la_digitalizacion\")\n                         class=\"StepProgress-item__link\"\n                         data-level=\"3\">La saturaci\u00f3n del color en la digitalizaci\u00f3n<\/a>\n                    <\/span>\n                                    <\/li>\n                                                            <\/ol>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"ejemplos_de_saturacion_del_color\"\n                               onclick=handleScrollToTitle(\"ejemplos_de_saturacion_del_color\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Ejemplos de saturaci\u00f3n del color\u00a0<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"preguntas_frecuentes\"\n                               onclick=handleScrollToTitle(\"preguntas_frecuentes\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Preguntas frecuentes<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                    <\/ol>\n                <div class=\"toc-sticky__container__disperse\"><\/div>\n                <div class=\"toc-sticky__btn-top justify-content-center\">\n                    <button class=\"btn btn-link d-flex align-items-center\" onclick={btnTop()}><p>Ver m\u00e1s<\/p><img decoding=\"async\"\n                                src=\"\/wp-content\/plugins\/table-of-contents\/assets\/images\/arrow-up-circle.svg\"\n                                alt=\"arrow-up-circle\">\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <div class=\"toc-sticky-list\">\n        <div class=\"toc-sticky__container container\">\n            <div class=\"toc-sticky__open d-flex align-items-end\" data-bs-toggle=\"collapse\" aria-controls=\"multiCollapse2\" data-bs-target=\"#multiCollapse2\">\n                <button class=\"btn btn-primary collapse-action-btn p-1 rounded-circle\"\n                        type=\"button\">\n                    <i class=\"icon-chevron-up up\"><\/i>\n                <\/button>\n                <span id=\"toc-current-title\" class=\"d-flex align-items-center\">\n                    Resumen\n                <\/span>\n            <\/div>\n            <div  class=\"collapse my-3\" id=\"multiCollapse2\">\n                <ol class=\"StepProgress\">\n                    \t\t\t\t\t \t\t\t\t\t                                                     <li class=\"StepProgress-item current \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"que_es_la_saturacion_del_color\"\n                                   onclick=handleScrollToTitle(\"que_es_la_saturacion_del_color\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">\u00bfQu\u00e9 es la saturaci\u00f3n del color?<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t                         \t\t\t\t\t\t\n                        <li class=\"StepProgress-item subList-in-progress  \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"definicion_de_la_saturacion_del_color\"\n                                   onclick=handleScrollToTitle(\"definicion_de_la_saturacion_del_color\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Definici\u00f3n de la\u00a0 Saturaci\u00f3n del color<\/a>\n                                                                    <button class=\"StepProgress-item__arrow collapse-action-btn\" type=\"button\"\n                                            data-bs-toggle=\"collapse\"\n                                            data-bs-target=\"#sublist-definicion_de_la_saturacion_del_color\"\n                                            aria-controls=\"sublist-definicion_de_la_saturacion_del_color\">\n                                        <i class=\"icon-chevron-down\"><\/i>\n                                    <\/button>\n                                                            <\/div>\n                                                            <ol class=\"StepProgress-sub-list collapse\" id=\"sublist-definicion_de_la_saturacion_del_color\">\n                                                                            <li class=\"StepProgress-sub-item\">\n                    <span>\n                      <a data-id=\"la_saturacion_del_color_en_la_digitalizacion\"\n                         onclick=handleScrollToTitle(\"la_saturacion_del_color_en_la_digitalizacion\")\n                         class=\"StepProgress-item__link\"\n                         data-level=\"3\">La saturaci\u00f3n del color en la digitalizaci\u00f3n<\/a>\n                    <\/span>\n                                        <\/li>\n                                                                    <\/ol>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t                                                     <li class=\"StepProgress-item \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"ejemplos_de_saturacion_del_color\"\n                                   onclick=handleScrollToTitle(\"ejemplos_de_saturacion_del_color\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Ejemplos de saturaci\u00f3n del color\u00a0<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t\n\t\t\t\t\t\t <span class=\"show_moretoc\">Ver m\u00e1s<\/span>\n\t\t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"preguntas_frecuentes\"\n                                   onclick=handleScrollToTitle(\"preguntas_frecuentes\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Preguntas frecuentes<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                                    <\/ol>\n            <\/div>\n            <div class=\"toc-sticky__container__disperse\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script id=\"toc-js\">\n    window.addEventListener(\"DOMContentLoaded\", () => {\n        const header = document.querySelector(\".header_wrapper\");\n\n        const pageLegend = document.querySelector('#multiCollapse1');\n        const pageLegendList = document.querySelector('#multiCollapse2');\n        const pageLegendCollapse = new bootstrap.Collapse(pageLegend, {toggle: document.querySelector(\".toc-sticky\").classList.contains('sticky')});\n\n        \/**\n         * Changing current title\n         *\/\n        (function (pageLegend) {\n            const titleNodes = pageLegend.querySelectorAll('.StepProgress-item__link');\n\n            if (!titleNodes.length) return;\n\n            const titles = [...titleNodes].map((itm, i) => ({\n                id: itm.getAttribute('data-id'),\n                text: itm.textContent,\n                level: itm.getAttribute('data-level'),\n                linkNode: itm,\n                titleNode: document.getElementById(itm.getAttribute('data-id')),\n                index: i,\n            }));\n\n            \/**\n             * Source: https:\/\/www.sitepoint.com\/throttle-scroll-events\/\n             * @param {Function} fn\n             * @param {number} wait\n             * @returns {(function(): void)|*}\n             *\/\n            const throttle = (fn, wait) => {\n                let time = Date.now();\n                return function () {\n                    if ((time + wait - Date.now()) < 0) {\n                        fn();\n                        time = Date.now();\n                    }\n                }\n            }\n\n            const changeCurrentTitle = () => {\n                const documentScrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n                let current = 0;\n\n                \/\/ Title\n                titles.forEach((itm, i) => {\n\t\t\t\t\/\/console.log(itm)\n                    const itmOffsetTop = itm.titleNode ? itm.titleNode.offsetTop - 100 : 0;\n\n                    if (documentScrollTop >= itmOffsetTop) {\n                        document.getElementById('toc-current-title').innerHTML = itm.text;\n                        document.getElementById('toc-current-title').setAttribute('data-current-id', itm.id);\n                        document.getElementById('toc-current-title').setAttribute('data-current-level', itm.level);\n                        current = i;\n                    }\n                })\n\n                \/\/ close all list and open sub list if needed\n                if (document.querySelector(\".toc-sticky\").classList.contains('sticky')) {\n                    document.querySelectorAll('.subList-in-progress').forEach((el) => {\n                        el.children[1].classList.remove('show');\n                        el.getElementsByClassName('icon-chevron-down')[0].classList.remove('up');\n                    });\n                    const currentEl = titles[current];\n                    currentEl.linkNode.classList.add('show');\n                }\n\n                titles.forEach((itm, i) => {\n                    itm.linkNode.parentNode.parentNode.classList.remove('current', 'is-done');\n                    if (current > i) {\n                        itm.linkNode.parentNode.parentNode.classList.add('is-done')\n                    };\n                    if (current === i) {\n                      itm.linkNode.parentNode.parentNode.classList.add('current');\n                    };\n                })\n\n            }\n\n            changeCurrentTitle();\n\n            document.addEventListener('scroll', throttle(changeCurrentTitle, 50));\n        })(pageLegend);\n\n\n        \/**\n         *  Collapse\n         *\/\n        (function (pageLegend, header) {\n            const icon = pageLegend.parentNode.querySelector(\".collapse-action-btn i\");\n\n            const collapseToggle = (status) => (e) => {\n                if (!e.target.isEqualNode(pageLegend)) return;\n\n                icon.classList.toggle(\"up\");\n\n                const containerHeight = pageLegend.getBoundingClientRect().height;\n\n                const showSubtitleContent = () => {\n                    const currentId = document.getElementById('toc-current-title').getAttribute('data-current-id');\n                    const currentLevel = document.getElementById('toc-current-title').getAttribute('data-current-level');\n                    const currentSubTitle = currentLevel == 3 ? document.querySelector(`a[data-id=\"${currentId}\"]`).parentNode.parentNode.parentNode : false;\n\n                    if (!currentSubTitle) return;\n                    new bootstrap.Collapse(currentSubTitle, {toggle: false}).show();\n                }\n\n                showSubtitleContent();\n                if (status === 'shown' && document.querySelector(\".toc-sticky\").classList.contains('sticky') ) {\n                    document.querySelector('html').classList.remove('overflow-hidden');\n                    pageLegend.classList.add('overflow-auto');\n                    pageLegend.style.height = `calc(100vh - ${header.getBoundingClientRect().height + document.querySelector('.toc-sticky__open').getBoundingClientRect().height + 16}px)`;\n                } else if (status === 'hide') {\n                    document.querySelector('html').classList.remove('overflow-hidden');\n                    pageLegend.classList.remove('overflow-auto');\n                    pageLegend.style.height = 'auto';\n                }\n            }\n\n            pageLegend.addEventListener('shown.bs.collapse', collapseToggle('shown'));\n            pageLegend.addEventListener('hide.bs.collapse', collapseToggle('hide'));\n        })(pageLegend, header);\n\n        \/**\n         * Collapse sub-titles\n         *\/\n        (function (pageLegend) {\n            const collapseEls = pageLegend.querySelectorAll('.collapse');\n\n            collapseEls.forEach(function (el) {\n\n                const toggleArrowDirection = function (e) {\n                    if (!e.target.isEqualNode(el)) return;\n\n                    const id = this.getAttribute('id');\n                    document.querySelector(`.collapse-action-btn[data-bs-target=\"#${id}\"] .icon-chevron-down`).classList.toggle('up');\n                }\n                el.addEventListener('shown.bs.collapse', toggleArrowDirection);\n                el.addEventListener('hide.bs.collapse', toggleArrowDirection);\n            })\n        })(pageLegend);\n\n        \/**\n         *  Collapse main title\n         *\/\n        (function (pageLegendList) {\n            const icon = pageLegendList.parentNode.querySelector(\".collapse-action-btn i\");\n\n            const collapseToggle = () => (e) => {\n                if (!e.target.isEqualNode(pageLegendList)) return;\n\n                icon.classList.toggle(\"up\");\n\n            }\n            pageLegendList.addEventListener('shown.bs.collapse', collapseToggle());\n            pageLegendList.addEventListener('hide.bs.collapse', collapseToggle());\n        })(pageLegendList);\n\n        (function (pageLegendList) {\n            const collapseEls = pageLegendList.querySelectorAll('.collapse');\n\n            collapseEls.forEach(function (el) {\n\n                const toggleArrowDirection = function (e) {\n                    if (!e.target.isEqualNode(el)) return;\n\n                    const id = this.getAttribute('id');\n                    document.querySelector(`.toc-sticky-list .collapse-action-btn[data-bs-target=\"#${id}\"] .icon-chevron-down`).classList.toggle('up');\n                }\n                el.addEventListener('shown.bs.collapse', toggleArrowDirection);\n                el.addEventListener('hide.bs.collapse', toggleArrowDirection);\n            })\n        })(pageLegendList);\n\n        \/**\n         * Sticky functionality\n         * Source: https:\/\/stackoverflow.com\/questions\/17893771\/javascript-sticky-div-after-scroll\n         *\/\n        (function (header, pageLegendCollapse) {\n            \/\/ set everything outside the onscroll event (less work per scroll)\n            const target = document.querySelector(\".toc-sticky\");\n            const targetListStatic = document.querySelector(\".toc-sticky-list\");\n\n            if (!target || !header) return;\n\n            const headerHeight = header.getBoundingClientRect().height;\n            const targetHeight = targetListStatic.getBoundingClientRect().height;\n\n            \/\/ -headerHeight so it won't be jumpy\n            const stop = targetListStatic.offsetTop + headerHeight + targetHeight;\n            const docBody =\n                document.documentElement || document.body.parentNode || document.body;\n            const hasOffset = window.pageYOffset !== undefined;\n\n            const applySticky = function () {\n                \/\/ cross-browser compatible scrollTop.\n                const scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop;\n\n                \/\/ if user scrolls to headerHeight from the top of the target div\n                if (scrollTop >= stop) {\n                    pageLegendCollapse.hide();\n                    \/\/ stick the div\n                    target.classList.add(\"sticky\");\n                    \/\/target.style.marginTop = `${headerHeight}px`;\n                } else {\n                    pageLegendCollapse.show();\n                    \/\/ release the div\n                    target.classList.remove(\"sticky\");\n                    target.style.marginTop = \"\";\n                }\n            }\n\n            applySticky();\n\n            window.addEventListener('scroll', applySticky);\n        })(header, pageLegendCollapse);\n\tjQuery('span.show_moretoc').click(function(){\n\t\tjQuery('span.show_moretoc').hide();\n\t   jQuery('.ms_hidetoc').show();\n\t});\n    });\n\n    \/\/ When the user clicks on the button, scroll to the top of the document\n    function btnTop() {\n        const pageLegend = document.querySelector('#multiCollapse1');\n        document.querySelector('html').classList.remove('overflow-hidden');\n        pageLegend.classList.remove('overflow-auto');\n        pageLegend.style.height = 'auto';\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    }\n\n    const handleScrollToTitle = (id) => {\n        const el = document.getElementById(id);\n        const headerHeightDifference = window.innerWidth < 992 ? -30 : -15;\n        window.scrollTo({\n            top: el.offsetTop - 60 - headerHeightDifference - 10,\n        });\n    }\n<\/script>\n<\/span><\/p>\n<h2><span id=\"que_es_la_saturacion_del_color\">\u00bfQu\u00e9 es la saturaci\u00f3n del color?<\/span><\/h2>\n<p>La saturaci\u00f3n del color se refiere a la <strong>intensidad del color en una imagen.<\/strong> A medida que aumenta la saturaci\u00f3n, los colores parecen m\u00e1s puros. A medida que disminuye la saturaci\u00f3n, los colores parecen m\u00e1s apagados o p\u00e1lidos.<\/p>\n<p><strong>Una imagen muy saturada tiene colores vivos, ricos y brillantes<\/strong>, mientras que una imagen con una saturaci\u00f3n baja virar\u00e1 hacia una escala de grises. En la mayor\u00eda de los monitores, televisores y programas de edici\u00f3n gr\u00e1fica hay una opci\u00f3n para aumentar o disminuir la saturaci\u00f3n.<\/p>\n<p>En \u00faltima instancia,<strong> la saturaci\u00f3n del color es una de las tres propiedades del color, siendo las otras dos el tono y el valor.<\/strong> La saturaci\u00f3n se denomina a veces &#8220;croma&#8221;, aunque ambos t\u00e9rminos tienen un significado ligeramente diferente.<\/p>\n<p>Mientras que el croma define el brillo de un color en t\u00e9rminos absolutos seg\u00fan el Sistema de Color Munsell, la saturaci\u00f3n es relativa al gris puro. Sin embargo, en casi todos los casos, esta diferencia es bastante insignificante en la pr\u00e1ctica.<\/p>\n<p>Vale la pena destacar que los ajustes de color suelen ser comunes en la posproducci\u00f3n en general. Tanto la saturaci\u00f3n como otras modificaciones ayudan al espectador final a abordar ciertas emociones seg\u00fan la intenci\u00f3n de los creadores audiovisuales.<\/p>\n<div class=\"su-note\"  style=\"border-color:#dddddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#f7f7f7;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<h2><span id=\"definicion_de_la_saturacion_del_color\">Definici\u00f3n de la\u00a0 Saturaci\u00f3n del color<\/span><\/h2>\n<p>En t\u00e9rminos t\u00e9cnicos, la saturaci\u00f3n del color es la <strong>expresi\u00f3n del ancho de banda de la luz de una fuente.<\/strong> El t\u00e9rmino matiz se refiere al color de la imagen en s\u00ed, mientras que la saturaci\u00f3n describe la intensidad (pureza) de ese matiz.<\/p>\n<p><strong>Cuando el color est\u00e1 totalmente saturado, se considera que est\u00e1 en su versi\u00f3n m\u00e1s pura<\/strong> (verdadera). Una vez que el nivel de luminosidad se establece como constante, la saturaci\u00f3n se define como un porcentaje que va del 0% (escala de grises) al color puro (100%).<\/p>\n<p>Todo color desaturado que se sit\u00fae en medio se ver\u00e1 como una versi\u00f3n lavada, apagada y algo m\u00e1s suave del color verdadero. Los colores primarios rojo, azul y amarillo se consideran la versi\u00f3n m\u00e1s fiel del color, ya que est\u00e1n totalmente saturados.<\/p>\n<p><strong>La saturaci\u00f3n del color determina c\u00f3mo se ver\u00e1n ciertos tonos en determinadas condiciones de iluminaci\u00f3n.<\/strong> Por ejemplo, una pared pintada con un color s\u00f3lido tendr\u00e1 un aspecto diferente durante el d\u00eda que por la noche.<\/p>\n<p>Debido a la luz, la saturaci\u00f3n de la pared cambiar\u00e1 a lo largo del d\u00eda, aunque siga siendo del mismo color. Cuando la saturaci\u00f3n es cero, lo que se ve es un tono gris.<\/p>\n<p>Sin embargo, <strong>la saturaci\u00f3n no define lo claro u oscuro que es un color.<\/strong> Aunque muchos colores saturados tienden a ser m\u00e1s claros que otros menos saturados, al a\u00f1adir blanco a estos \u00faltimos aumentar\u00e1 su brillo hasta que ambos valores coincidan.<\/p>\n<p><strong>De hecho, el brillo del color est\u00e1 controlado por la cantidad de blanco en el tono<\/strong>.<\/p>\n<p>Naturalmente, los colores tienden a ser menos saturados a medida que el objeto se aleja del observador y retrocede en la distancia debido a un fen\u00f3meno conocido como &#8220;perspectiva atmosf\u00e9rica&#8221;.<\/p>\n<p>En la luz natural, los tonos se diluyen por la propia atm\u00f3sfera, por lo que en muchos cuadros se utiliza la desaturaci\u00f3n progresiva para crear la ilusi\u00f3n de profundidad. Los colores de los objetos lejanos se vuelven gradualmente menos saturados, mientras que los del primer plano son m\u00e1s brillantes y vivos.<\/p>\n<\/div><\/div>\n<h3><span id=\"la_saturacion_del_color_en_la_digitalizacion\">La saturaci\u00f3n del color en la digitalizaci\u00f3n<\/span><\/h3>\n<p>Aunque la mayor\u00eda de los programas de edici\u00f3n gr\u00e1fica digital permiten controlar libremente la saturaci\u00f3n del color mediante degradados y herramientas como la matriz de saturaci\u00f3n, en la vida real (como cuando quieres pintar tus miniaturas) <strong>la saturaci\u00f3n siempre es un proceso disruptivo.<\/strong><\/p>\n<p>En otras palabras, cuando se utilizan pinturas f\u00edsicas, la saturaci\u00f3n de un color solo puede disminuirse mezcl\u00e1ndolo con otro color, y el proceso es irreversible.<\/p>\n<p>Esa es la raz\u00f3n por la que la mayor\u00eda de los tubos de pintura utilizan pigmentos muy saturados para evitar que los pintores obtengan el indeseable &#8220;barro&#8221; al mezclar demasiados colores.<\/p>\n<p>Con esta breve definici\u00f3n se puede hacer una idea de <span>qu\u00e9 es la saturaci\u00f3n del color y c\u00f3mo suele aplicarse en el mundo audiovisual.\u00a0<\/span><\/p>\n<p>Tambi\u00e9n puedes ver la saturaci\u00f3n del color en los ordenadores, a trav\u00e9s de los <a href=\"https:\/\/www.techopedia.com\/es\/definicion\/codigo-hexadecimal-color\">c\u00f3digos hexadecimales de color.\u00a0<\/a><\/p>\n<h2><span id=\"ejemplos_de_saturacion_del_color\">Ejemplos de saturaci\u00f3n del color\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Como puedes ver, para la teor\u00eda del color, la saturaci\u00f3n tiene que ver con la intensidad del color, por lo que un tono v\u00edvido es uno saturado, mientras que si es m\u00e1s opaco, tiene menos saturaci\u00f3n.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">De estos ejemplos hay much\u00edsimos que vemos a diario en las calles, medios de comunicaci\u00f3n, <\/span><a href=\"https:\/\/www.techopedia.com\/es\/definicion\/marketing-digital\"><span style=\"font-weight: 400\">marketing digital<\/span><\/a><span style=\"font-weight: 400\">, etc. Para que comprendas de qu\u00e9 va el concepto, aqu\u00ed te dejamos esta tabla con la saturaci\u00f3n del color azul:\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\"><div class=\"su-table su-table-alternate\"><\/span><\/p>\n<table>\n<tbody>\n<tr>\n<td><span style=\"font-weight: 400\">Saturaci\u00f3n<\/span><\/td>\n<td><span style=\"font-weight: 400\">Descripci\u00f3n<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">100%<\/span><\/td>\n<td><span style=\"font-weight: 400\">Azul v\u00edvido o intenso (saturado)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">75%<\/span><\/td>\n<td><span style=\"font-weight: 400\">Azul fuerte o profundo<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">50%<\/span><\/td>\n<td><span style=\"font-weight: 400\">Azul moderado, terroso o agrisado (semisaturado)<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">25%<\/span><\/td>\n<td><span style=\"font-weight: 400\">Azul d\u00e9bil o semineutro<\/span><\/td>\n<\/tr>\n<tr>\n<td><span style=\"font-weight: 400\">0%<\/span><\/td>\n<td><span style=\"font-weight: 400\">Azul neutro o acrom\u00e1tico (no saturado)<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-weight: 400\"><\/div><\/span><\/p>\n<figure id=\"attachment_60802\" aria-describedby=\"caption-attachment-60802\" style=\"width: 636px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\" alt=\"Tonos azules saturados seg\u00fan la colorimetr\u00eda (Techopedia)\" width=\"636\" height=\"109\" class=\"size-full wp-image-60802\" srcset=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg 636w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia-300x51.jpg 300w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><figcaption id=\"caption-attachment-60802\" class=\"wp-caption-text\">Tonos azules saturados seg\u00fan la colorimetr\u00eda (Techopedia)<\/figcaption><\/figure>\n<h2><span id=\"preguntas_frecuentes\">Preguntas frecuentes<\/span><\/h2>\n<div class=\"man_faq_sec\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"><\/time><section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\">\u00bfQu\u00e9 es la saturaci\u00f3n del color?<\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\">La saturaci\u00f3n del color se refiere a la intensidad o pureza de un color. Es decir, un color altamente saturado es v\u00edvido y brillante, mientras que un color con baja saturaci\u00f3n puede parecer apagado o gris\u00e1ceo. La saturaci\u00f3n se mide en una escala que va desde el gris sin saturaci\u00f3n hasta el color m\u00e1s puro, que tiene m\u00e1xima saturaci\u00f3n. En t\u00e9rminos simples, es lo que hace que un color se vea m\u00e1s rico o intenso. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\">\u00bfQu\u00e9 son los colores saturados?<\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\">Son aquellos que se presentan en su forma m\u00e1s pura y vibrante, sin mezcla de blanco, negro o gris. Se trata de colores que destacan por su intensidad y son muy llamativos. Por ejemplo, un rojo saturado ser\u00e1 un rojo muy brillante y fuerte, mientras que un rojo menos saturado puede parecer m\u00e1s rosado o marr\u00f3n. Este tipo de colores se utilizan a menudo en dise\u00f1o y arte para captar la atenci\u00f3n y transmitir emociones fuertes. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"><span style=\"font-weight: 400\">\u00bfQu\u00e9 es la desaturaci\u00f3n del color?<\/span><\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"><span style=\"font-weight: 400\">Al contrario que la saturaci\u00f3n, la desaturaci\u00f3n del color se refiere a la p\u00e9rdida del tono intenso en los colores, por lo que tienden a ser opacos y sin casi brillo. Por ejemplo, al mezclar rojo con blanco, se pierde saturaci\u00f3n y luminosidad del color rojo.\u00a0<\/span><\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"><span style=\"font-weight: 400\">\u00bfQu\u00e9 es la saturaci\u00f3n del color en una imagen?\u00a0<\/span><\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"><span style=\"font-weight: 400\">Si ves este t\u00e9rmino, es lo mismo que hablar de saturaci\u00f3n del color. De hecho, se refiere a la intensidad o pureza del color. Por lo tanto, un color altamente saturado es muy v\u00edvido e intenso, mientras que un color con baja saturaci\u00f3n aparece m\u00e1s apagado o gris\u00e1ceo. La saturaci\u00f3n afecta c\u00f3mo percibimos los colores y puede influir en el tono emocional de una imagen.<\/span><\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"><span style=\"font-weight: 400\">\u00bfQu\u00e9 es la teor\u00eda del color?<\/span><span style=\"font-weight: 400\">\u00a0<\/span><\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"><span style=\"font-weight: 400\">Se trata de un conjunto de principios y directrices que explican c\u00f3mo los colores interact\u00faan y se combinan. Incluye conceptos como el c\u00edrculo crom\u00e1tico, las armon\u00edas de color y el impacto psicol\u00f3gico de los colores en varios \u00e1mbitos del contexto social. Esta teor\u00eda es fundamental en campos como el dise\u00f1o, la pintura y la fotograf\u00eda para crear obras visualmente equilibradas y atractivas.<\/span><\/p>\r\n                <\/div><\/div><\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>No hay nada m\u00e1s fascinante desde el punto de vista visual que los colores, los cuales en sus distintos tonos, matices, saturaci\u00f3n y luminosidad llenan cada espacio de la vida y hasta tienen distintos significados a nivel cognitivo, de marketing y psicol\u00f3gico.\u00a0 En este post nos centraremos espec\u00edficamente en lo que es la saturaci\u00f3n del [&hellip;]<\/p>\n","protected":false},"author":7813,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"definitioncat":[1131],"class_list":["post-19970","definition","type-definition","status-publish","format-standard","hentry","definitioncat-tecnologia-personal"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v24.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfQu\u00e9 es la saturaci\u00f3n del color?<\/title>\n<meta name=\"description\" content=\"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Saturaci\u00f3n del color\" \/>\n<meta property=\"og:description\" content=\"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\" \/>\n<meta property=\"og:site_name\" content=\"Techopedia Espa\u00f1ol\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-21T19:13:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\"},\"author\":{\"name\":\"Margaret Rouse\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5\"},\"headline\":\"Saturaci\u00f3n del color\",\"datePublished\":\"2024-04-12T07:15:50+00:00\",\"dateModified\":\"2024-10-21T19:13:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\"},\"wordCount\":1446,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\",\"url\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\",\"name\":\"\u00bfQu\u00e9 es la saturaci\u00f3n del color?\",\"isPartOf\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\",\"datePublished\":\"2024-04-12T07:15:50+00:00\",\"dateModified\":\"2024-10-21T19:13:50+00:00\",\"description\":\"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage\",\"url\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg\",\"width\":636,\"height\":109,\"caption\":\"Tonos azules saturados seg\u00fan la colorimetr\u00eda (Techopedia)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.techopedia.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Term\",\"item\":\"https:\/\/www.techopedia.com\/es\/definicion\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Saturaci\u00f3n del color\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#website\",\"url\":\"https:\/\/www.techopedia.com\/es\/\",\"name\":\"Techopedia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.techopedia.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\",\"name\":\"Techopedia en Espa\u00f1ol\",\"url\":\"https:\/\/www.techopedia.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2025\/02\/techopedia-light-logo.svg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2025\/02\/techopedia-light-logo.svg\",\"caption\":\"Techopedia en Espa\u00f1ol\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5\",\"name\":\"Margaret Rouse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg\",\"caption\":\"Margaret Rouse\"},\"description\":\"Margaret is an award-winning technical writer and teacher known for her ability to explain complex technical subjects to a non-technical business audience. Over the past twenty years, her IT definitions have been published by Que in an encyclopedia of technology terms and cited in articles by the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine, and Discovery Magazine. She joined Techopedia in 2011. Margaret's idea of a fun day is helping IT and business professionals learn to speak each other\u2019s highly specialized languages.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/margaretrouse\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/@techdefinitions\"],\"knowsAbout\":[\"Technology Expert\"],\"url\":\"https:\/\/www.techopedia.com\/es\/autor\/margaret-rouse\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es la saturaci\u00f3n del color?","description":"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.","robots":{"index":"noindex","follow":"follow"},"og_locale":"es_ES","og_type":"article","og_title":"Saturaci\u00f3n del color","og_description":"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.","og_url":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color","og_site_name":"Techopedia Espa\u00f1ol","article_modified_time":"2024-10-21T19:13:50+00:00","og_image":[{"url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#article","isPartOf":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color"},"author":{"name":"Margaret Rouse","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5"},"headline":"Saturaci\u00f3n del color","datePublished":"2024-04-12T07:15:50+00:00","dateModified":"2024-10-21T19:13:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color"},"wordCount":1446,"commentCount":0,"publisher":{"@id":"https:\/\/www.techopedia.com\/es\/#organization"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage"},"thumbnailUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color","url":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color","name":"\u00bfQu\u00e9 es la saturaci\u00f3n del color?","isPartOf":{"@id":"https:\/\/www.techopedia.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage"},"thumbnailUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg","datePublished":"2024-04-12T07:15:50+00:00","dateModified":"2024-10-21T19:13:50+00:00","description":"En este articulo te explicamos como funciona la saturaci\u00f3n del color bajo t\u00e9rminos de iluminaci\u00f3n y en la edici\u00f3n gr\u00e1fica digital.","breadcrumb":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#primaryimage","url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg","contentUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/04\/Tonos-azules-saturados-segun-la-colorimetria-Techopedia.jpg","width":636,"height":109,"caption":"Tonos azules saturados seg\u00fan la colorimetr\u00eda (Techopedia)"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techopedia.com\/es\/definicion\/saturacion-color#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.techopedia.com\/es\/"},{"@type":"ListItem","position":2,"name":"Term","item":"https:\/\/www.techopedia.com\/es\/definicion"},{"@type":"ListItem","position":3,"name":"Saturaci\u00f3n del color"}]},{"@type":"WebSite","@id":"https:\/\/www.techopedia.com\/es\/#website","url":"https:\/\/www.techopedia.com\/es\/","name":"Techopedia","description":"","publisher":{"@id":"https:\/\/www.techopedia.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techopedia.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.techopedia.com\/es\/#organization","name":"Techopedia en Espa\u00f1ol","url":"https:\/\/www.techopedia.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2025\/02\/techopedia-light-logo.svg","contentUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2025\/02\/techopedia-light-logo.svg","caption":"Techopedia en Espa\u00f1ol"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5","name":"Margaret Rouse","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg","contentUrl":"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg","caption":"Margaret Rouse"},"description":"Margaret is an award-winning technical writer and teacher known for her ability to explain complex technical subjects to a non-technical business audience. Over the past twenty years, her IT definitions have been published by Que in an encyclopedia of technology terms and cited in articles by the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine, and Discovery Magazine. She joined Techopedia in 2011. Margaret's idea of a fun day is helping IT and business professionals learn to speak each other\u2019s highly specialized languages.","sameAs":["https:\/\/www.linkedin.com\/in\/margaretrouse\/","https:\/\/x.com\/https:\/\/twitter.com\/@techdefinitions"],"knowsAbout":["Technology Expert"],"url":"https:\/\/www.techopedia.com\/es\/autor\/margaret-rouse"}]}},"_links":{"self":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/19970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition"}],"about":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/types\/definition"}],"author":[{"embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/users\/7813"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/comments?post=19970"}],"version-history":[{"count":7,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/19970\/revisions"}],"predecessor-version":[{"id":60804,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/19970\/revisions\/60804"}],"wp:attachment":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/media?parent=19970"}],"wp:term":[{"taxonomy":"definitioncat","embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definitioncat?post=19970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}