{"id":80,"date":"2024-05-20T22:08:00","date_gmt":"2024-05-20T20:08:00","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=80"},"modified":"2024-05-20T22:08:00","modified_gmt":"2024-05-20T20:08:00","slug":"11-colores-en-html5","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/11-colores-en-html5\/","title":{"rendered":"11. Colores en HTML5"},"content":{"rendered":"\n

Los colores HTML<\/strong> se especifican con nombres de colores predefinidos o con valores RGB<\/strong>, HEX<\/strong>, HSL<\/strong>, RGBA<\/strong> o HSLA<\/strong>. En HTML<\/strong>, se puede especificar un color mediante el uso de un nombre de color:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Color de fondo<\/h2>\n\n\n\n

Puede establecer el color de fondo para los elementos HTML.<\/p>\n\n\n\n

<h1 style=\"background-color:DodgerBlue;\">Hola Mundo<\/h1>\n<p style=\"background-color:Tomato;\">Lorem ipsum...<\/p><\/pre>\n\n\n\n
Color de texto<\/h2>\n\n\n\n
Puedes establecer el color del texto.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<h1 style=\"color:Tomato;\">Hola Mundo<\/h1>\n<p style=\"color:DodgerBlue;\">Lorem ipsum...<\/p>\n<p style=\"color:MediumSeaGreen;\">Ut wisi enim...<\/p><\/pre>\n\n\n\n
Color del borde<\/h2>\n\n\n\n
Puedes establecer el color del borde.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<h1 style=\"border:2px solid Tomato;\">Hello World<\/h1>\n<h1 style=\"border:2px solid DodgerBlue;\">Hello World<\/h1>\n<h1 style=\"border:2px solid Violet;\">Hello World<\/h1><\/pre>\n\n\n\n
Valor de los colores<\/h2>\n\n\n\n
En HTML, los colores tambi\u00e9n se pueden especificar mediante valores RGB<\/strong>, valores HEX<\/strong>, valores HSL<\/strong>, valores RGBA<\/strong> y valores HSLA<\/strong>.<\/p>\n\n\n\n
Los siguientes tres elementos <div><\/em><\/strong> tienen su color de fondo establecido con valores RGB<\/strong>, HEX<\/strong> y HSL<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Los siguientes dos elementos <div><\/em><\/strong> tienen su color de fondo establecido con valores RGBA<\/strong> y HSLA<\/strong>, lo que agrega un canal alfa<\/strong> al color (aqu\u00ed tenemos un 50 % de transparencia):<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<h1 style=\"background-color:rgb(255, 99, 71);\">...<\/h1>\n<h1 style=\"background-color:#ff6347;\">...<\/h1>\n<h1 style=\"background-color:hsl(9, 100%, 64%);\">...<\/h1>\n\n<h1 style=\"background-color:rgba(255, 99, 71, 0.5);\">...<\/h1>\n<h1 style=\"background-color:hsla(9, 100%, 64%, 0.5);\">...<\/h1><\/pre>\n","protected":false},"excerpt":{"rendered":"
Los colores HTML se especifican con nombres de colores predefinidos o con valores RGB, HEX, HSL, RGBA o HSLA. En HTML, se…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-80","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":"Los colores HTML se especifican con nombres de colores predefinidos o con valores RGB, HEX, HSL, RGBA o HSLA. En HTML, se...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/80","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=80"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/80\/revisions\/84"}],"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=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}