{"id":113,"date":"2024-05-21T08:22:14","date_gmt":"2024-05-21T06:22:14","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=113"},"modified":"2024-05-21T08:22:14","modified_gmt":"2024-05-21T06:22:14","slug":"12-colores-rgb-y-rbga","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/12-colores-rgb-y-rbga\/","title":{"rendered":"12. Colores RGB y RBGA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un valor de color <strong>RGB<\/strong> representa las fuentes de luz <strong>ROJA<\/strong>, <strong>VERDE<\/strong> y <strong>AZUL<\/strong>.&nbsp;Un valor de color <strong>RGBA<\/strong> es una extensi\u00f3n de RGB con un <strong>canal alfa<\/strong> (<strong>opacidad<\/strong>).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Valores de color RGB<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En HTML, un color puede ser especificado como un valor <strong>RGB<\/strong> mediante la siguiente f\u00f3rmula:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">rgb(rojo,&nbsp;verde, azul)<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"300\" src=\"https:\/\/blog.sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-1.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-1.png 728w, https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-1-300x124.png 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sombras de gris<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los tonos de gris a menudo se definen utilizando valores iguales para los tres par\u00e1metros:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"718\" height=\"297\" src=\"https:\/\/blog.sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-2.png\" alt=\"\" class=\"wp-image-115\" srcset=\"https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-2.png 718w, https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML-2-300x124.png 300w\" sizes=\"auto, (max-width: 718px) 100vw, 718px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Valores de color RGBA<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los valores de color <strong>RGBA<\/strong> son una extensi\u00f3n de los valores de color <strong>RGB<\/strong> con un <strong>canal alfa<\/strong>, que especifica la <strong>opacidad de un color<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un valor de color <strong>RGBA<\/strong> se especifica con:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">rgba (rojo, verde, azul, alfa)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El par\u00e1metro <strong>alfa<\/strong> es un n\u00famero entre 0.0 (totalmente transparente) y 1.0 (totalmente opaco):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Experimente mezclando los valores RGBA a continuaci\u00f3n:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"775\" height=\"306\" src=\"https:\/\/blog.sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML3.png\" alt=\"\" class=\"wp-image-116\" srcset=\"https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML3.png 775w, https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML3-300x118.png 300w, https:\/\/sutilweb.eu\/wp-content\/uploads\/2024\/05\/Colores-HTML3-768x303.png 768w\" sizes=\"auto, (max-width: 775px) 100vw, 775px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Un valor de color RGB representa las fuentes de luz ROJA, VERDE y AZUL.&nbsp;Un valor de color RGBA es una extensi\u00f3n de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-113","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},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Un valor de color RGB representa las fuentes de luz ROJA, VERDE y AZUL.&nbsp;Un valor de color RGBA es una extensi\u00f3n de...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":117,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/113\/revisions\/117"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}