{"id":1458,"date":"2022-12-07T08:22:15","date_gmt":"2022-12-07T13:22:15","guid":{"rendered":"https:\/\/blog.index.pe\/?p=1458"},"modified":"2022-12-07T08:22:16","modified_gmt":"2022-12-07T13:22:16","slug":"codigo-de-color-hexadecimal-con-transparencia","status":"publish","type":"post","link":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/","title":{"rendered":"Hex color code with transparency"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>How to set transparency with hexadecimal value?<\/strong><br><strong>hexadecimal transparent color<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if you want to assign the\u00a0<strong>40%<\/strong>\u00a0alpha transparency to\u00a0<code>#000000<\/code>\u00a0(black color), you need to add 66 like this\u00a0<code>#66000000<\/code>.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>All hexadecimal values from 100% to 0% alpha:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>100%\u2014FF<\/strong><\/li><li>99%\u2014FC<\/li><li>98%\u2014FA<\/li><li>97%\u2014F7<\/li><li>96%\u2014F5<\/li><li>95%\u2014F2<\/li><li>94%\u2014F0<\/li><li>93%\u2014ED<\/li><li>92%\u2014EB<\/li><li>91%\u2014E8<\/li><li><strong>90%\u2014E6<\/strong><\/li><li>89%\u2014E3<\/li><li>88%\u2014E0<\/li><li>87%\u2014DE<\/li><li>86%\u2014DB<\/li><li>85%\u2014D9<\/li><li>84%\u2014D6<\/li><li>83%\u2014D4<\/li><li>82%\u2014D1<\/li><li>81%\u2014CF<\/li><li><strong>80%\u2014CC<\/strong><\/li><li>79%\u2014C9<\/li><li>78%\u2014C7<\/li><li>77%\u2014C4<\/li><li>76%\u2014C2<\/li><li><strong>75%\u2014BF<\/strong><\/li><li>74%\u2014BD<\/li><li>73%\u2014BA<\/li><li>72%\u2014B8<\/li><li>71%\u2014B5<\/li><li><strong>70%\u2014B3<\/strong><\/li><li>69%\u2014B0<\/li><li>68%\u2014AD<\/li><li>67%\u2014AB<\/li><li>66%\u2014A8<\/li><li>65%\u2014A6<\/li><li>64%\u2014A3<\/li><li>63%\u2014A1<\/li><li>62%\u20149E<\/li><li>61%\u20149C<\/li><li><strong>60%\u201499<\/strong><\/li><li>59%\u201496<\/li><li>58%\u201494<\/li><li>57%\u201491<\/li><li>56%\u20148F<\/li><li>55%\u20148C<\/li><li>54%\u20148A<\/li><li>53%\u201487<\/li><li>52%\u201485<\/li><li>51%\u201482<\/li><li><strong>50%\u201480<\/strong><\/li><li>49%\u20147D<\/li><li>48%\u20147A<\/li><li>47%\u201478<\/li><li>46%\u201475<\/li><li>45%\u201473<\/li><li>44%\u201470<\/li><li>43%\u20146E<\/li><li>42%\u20146B<\/li><li>41%\u201469<\/li><li><strong>40%\u201466<\/strong><\/li><li>39%\u201463<\/li><li>38%\u201461<\/li><li>37%\u20145E<\/li><li>36%\u20145C<\/li><li>35%\u201459<\/li><li>34%\u201457<\/li><li>33%\u201454<\/li><li>32%\u201452<\/li><li>31%\u20144F<\/li><li><strong>30%\u20144D<\/strong><\/li><li>29%\u20144A<\/li><li>28%\u201447<\/li><li>27%\u201445<\/li><li>26%\u201442<\/li><li><strong>25%\u201440<\/strong><\/li><li>24%\u20143D<\/li><li>23%\u20143B<\/li><li>22%\u201438<\/li><li>21%\u201436<\/li><li><strong>20%\u201433<\/strong><\/li><li>19%\u201430<\/li><li>18%\u20142E<\/li><li>17%\u20142B<\/li><li>16%\u201429<\/li><li>15%\u201426<\/li><li>14%\u201424<\/li><li>13%\u201421<\/li><li>12%\u20141F<\/li><li>11%\u20141C<\/li><li><strong>10%\u20141A<\/strong><\/li><li>9%\u201417<\/li><li>8%\u201414<\/li><li>7%\u201412<\/li><li>6%\u20140F<\/li><li>5%\u20140D<\/li><li>4%\u20140A<\/li><li>3%\u201408<\/li><li>2%\u201405<\/li><li>1%\u201403<\/li><li><strong>0%\u201400<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/transparecy.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"300\" src=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/transparecy.png\" alt=\"\" class=\"wp-image-1461\" srcset=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/transparecy.png 302w, https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/transparecy-300x298.png 300w, https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/transparecy-150x150.png 150w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/figure>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_1458\" class=\"pvc_stats all\" data-element-id=\"1458\" style=\"\"><i class=\"pvc-stats-icon small\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewbox=\"0 0 502 315\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/blog.index.pe\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=\"0\" \/><\/p><div class=\"pvc_clear\"><\/div><div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-reaction-buttons\" ><\/div>","protected":false},"excerpt":{"rendered":"<p>How to set transparency with hexadecimal value? hexadecimal transparent color For example, if you want to assign 40% alpha transparency to #000000 (color black), you need to add 66 like this #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF 99% \u2014 FC 98% \u2014 FA 97% \u2014 F7 96% \u2014 F5 95% \u2014 F2 94% \u2014 F0 93% \u2014 ED 92% \u2014 EB 91% \u2014 E8 90% \u2014 E6 89% \u2014 E3 88% \u2014 E0 87% \u2014 DE 86% \u2014 DB 85% \u2014 D9 84% \u2014 D6 83% \u2014 D4 82% \u2014 D1 81% \u2014 CF 80% \u2014 CC 79% \u2014 C9 78% \u2014 C7<\/p>","protected":false},"author":1,"featured_media":1459,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[65,66,9],"tags":[],"class_list":["post-1458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-2","category-html5","category-web-design"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Index.pe\"\/>\n\t<meta name=\"google-site-verification\" content=\"R0FyKtH7AO0qfbQs9OR3qfgr1MYDMagx3MsqEWaTZlE\" \/>\n\t<meta name=\"keywords\" content=\"css,html5,web design\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog de index.pe - Actualidad, Tecnologia, Redes, Internet, Webmaster\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe\" \/>\n\t\t<meta property=\"og:description\" content=\"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"432\" \/>\n\t\t<meta property=\"og:image:height\" content=\"394\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-12-07T13:22:15+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-12-07T13:22:16+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/index.pe\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#article\",\"name\":\"C\\u00f3digo de color hexadecimal con transparencia Blog de Index.pe\",\"headline\":\"C\\u00f3digo de color hexadecimal con transparencia\",\"author\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/author\\\/wilder\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/color-hexadecimal.jpg\",\"width\":432,\"height\":394},\"datePublished\":\"2022-12-07T08:22:15-05:00\",\"dateModified\":\"2022-12-07T08:22:16-05:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#webpage\"},\"articleSection\":\"CSS, HTML5, Web Design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en#listItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/blog.index.pe\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/category\\\/web-design\\\/#listItem\",\"name\":\"Web Design\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/category\\\/web-design\\\/#listItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/category\\\/web-design\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#listItem\",\"name\":\"C\\u00f3digo de color hexadecimal con transparencia\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en#listItem\",\"name\":\"Inicio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#listItem\",\"position\":3,\"name\":\"C\\u00f3digo de color hexadecimal con transparencia\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/category\\\/web-design\\\/#listItem\",\"name\":\"Web Design\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/#organization\",\"name\":\"Blog de Index.pe\",\"description\":\"El Blog de Index.pe ofrece art\\u00edculos detallados sobre creaci\\u00f3n y gesti\\u00f3n de p\\u00e1ginas web, dominios, hosting, marketing online, WordPress, SEO, SSL y Actualidad\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/\",\"telephone\":\"+51943643097\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/blog-index.png\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#organizationLogo\",\"width\":400,\"height\":400,\"caption\":\"Logo Blog de Index.pe\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/author\\\/wilder\\\/#author\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/author\\\/wilder\\\/\",\"name\":\"Index.pe\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/144b5b7142fdf15a32e0451c3f444446e2a7e0c3c2f70ea8fca0208037d9033d?s=96&d=wavatar&r=g\",\"width\":96,\"height\":96,\"caption\":\"Index.pe\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/\",\"name\":\"C\\u00f3digo de color hexadecimal con transparencia Blog de Index.pe\",\"description\":\"\\u00bfC\\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \\u2014 FF99% \\u2014 FC98% \\u2014 FA97% \\u2014 F796% \\u2014 F595% \\u2014 F294% \\u2014 F093% \\u2014 ED92% \\u2014 EB91% \\u2014 E890% \\u2014 E689% \\u2014\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/author\\\/wilder\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/author\\\/wilder\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/color-hexadecimal.jpg\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#mainImage\",\"width\":432,\"height\":394},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/codigo-de-color-hexadecimal-con-transparencia\\\/#mainImage\"},\"datePublished\":\"2022-12-07T08:22:15-05:00\",\"dateModified\":\"2022-12-07T08:22:16-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/\",\"name\":\"Blog de Index.pe\",\"description\":\"El Blog de Index.pe ofrece art\\u00edculos detallados sobre creaci\\u00f3n y gesti\\u00f3n de p\\u00e1ginas web, dominios, hosting, marketing online, WordPress, SEO, SSL y Actualidad\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.index.pe\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe","description":"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014","canonical_url":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/","robots":"max-image-preview:large","keywords":"css,html5,web design","webmasterTools":{"google-site-verification":"R0FyKtH7AO0qfbQs9OR3qfgr1MYDMagx3MsqEWaTZlE","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#article","name":"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe","headline":"C\u00f3digo de color hexadecimal con transparencia","author":{"@id":"https:\/\/blog.index.pe\/en\/author\/wilder\/#author"},"publisher":{"@id":"https:\/\/blog.index.pe\/en\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg","width":432,"height":394},"datePublished":"2022-12-07T08:22:15-05:00","dateModified":"2022-12-07T08:22:16-05:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#webpage"},"articleSection":"CSS, HTML5, Web Design"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en#listItem","position":1,"name":"Inicio","item":"https:\/\/blog.index.pe\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en\/category\/web-design\/#listItem","name":"Web Design"}},{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en\/category\/web-design\/#listItem","position":2,"name":"Web Design","item":"https:\/\/blog.index.pe\/en\/category\/web-design\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#listItem","name":"C\u00f3digo de color hexadecimal con transparencia"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en#listItem","name":"Inicio"}},{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#listItem","position":3,"name":"C\u00f3digo de color hexadecimal con transparencia","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.index.pe\/en\/category\/web-design\/#listItem","name":"Web Design"}}]},{"@type":"Organization","@id":"https:\/\/blog.index.pe\/en\/#organization","name":"Blog de Index.pe","description":"El Blog de Index.pe ofrece art\u00edculos detallados sobre creaci\u00f3n y gesti\u00f3n de p\u00e1ginas web, dominios, hosting, marketing online, WordPress, SEO, SSL y Actualidad","url":"https:\/\/blog.index.pe\/en\/","telephone":"+51943643097","logo":{"@type":"ImageObject","url":"https:\/\/blog.index.pe\/wp-content\/uploads\/2020\/03\/blog-index.png","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#organizationLogo","width":400,"height":400,"caption":"Logo Blog de Index.pe"},"image":{"@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/blog.index.pe\/en\/author\/wilder\/#author","url":"https:\/\/blog.index.pe\/en\/author\/wilder\/","name":"Index.pe","image":{"@type":"ImageObject","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/144b5b7142fdf15a32e0451c3f444446e2a7e0c3c2f70ea8fca0208037d9033d?s=96&d=wavatar&r=g","width":96,"height":96,"caption":"Index.pe"}},{"@type":"WebPage","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#webpage","url":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/","name":"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe","description":"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.index.pe\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.index.pe\/en\/author\/wilder\/#author"},"creator":{"@id":"https:\/\/blog.index.pe\/en\/author\/wilder\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg","@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#mainImage","width":432,"height":394},"primaryImageOfPage":{"@id":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/#mainImage"},"datePublished":"2022-12-07T08:22:15-05:00","dateModified":"2022-12-07T08:22:16-05:00"},{"@type":"WebSite","@id":"https:\/\/blog.index.pe\/en\/#website","url":"https:\/\/blog.index.pe\/en\/","name":"Blog de Index.pe","description":"El Blog de Index.pe ofrece art\u00edculos detallados sobre creaci\u00f3n y gesti\u00f3n de p\u00e1ginas web, dominios, hosting, marketing online, WordPress, SEO, SSL y Actualidad","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.index.pe\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Blog de index.pe - Actualidad, Tecnologia, Redes, Internet, Webmaster","og:type":"article","og:title":"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe","og:description":"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014","og:url":"https:\/\/blog.index.pe\/en\/codigo-de-color-hexadecimal-con-transparencia\/","og:image":"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg","og:image:secure_url":"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg","og:image:width":432,"og:image:height":394,"article:published_time":"2022-12-07T13:22:15+00:00","article:modified_time":"2022-12-07T13:22:16+00:00","article:publisher":"https:\/\/www.facebook.com\/index.pe","twitter:card":"summary","twitter:title":"C\u00f3digo de color hexadecimal con transparencia Blog de Index.pe","twitter:description":"\u00bfC\u00f3mo establecer la transparencia con valor hexadecimal?color transparente hexadecimal Por ejemplo, si deseas asignar al 40% la transparencia alfa a #000000 (color negro), necesitas agregar 66 como este #66000000. Todos los valores hexadecimales de 100% a 0% alfa: 100% \u2014 FF99% \u2014 FC98% \u2014 FA97% \u2014 F796% \u2014 F595% \u2014 F294% \u2014 F093% \u2014 ED92% \u2014 EB91% \u2014 E890% \u2014 E689% \u2014","twitter:image":"https:\/\/blog.index.pe\/wp-content\/uploads\/2022\/12\/color-hexadecimal.jpg"},"aioseo_meta_data":{"post_id":"1458","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2022-12-07 13:09:30","updated":"2025-07-22 06:14:22","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"seo_analyzer_scan_date":null},"a3_pvc":{"activated":true,"total_views":8016,"today_views":0},"_links":{"self":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":1,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/1458\/revisions"}],"predecessor-version":[{"id":1462,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/1458\/revisions\/1462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media\/1459"}],"wp:attachment":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media?parent=1458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/categories?post=1458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/tags?post=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}