{"id":10028,"date":"2021-10-12T20:50:32","date_gmt":"2021-10-13T01:50:32","guid":{"rendered":"https:\/\/ilustraideas.com\/?p=10028"},"modified":"2021-10-12T21:09:29","modified_gmt":"2021-10-13T02:09:29","slug":"como-saber-que-colores-usa-una-web-o-imagen","status":"publish","type":"post","link":"https:\/\/ilustraideas.com\/en\/como-saber-que-colores-usa-una-web-o-imagen\/","title":{"rendered":"\u00bfC\u00f3mo saber que colores usa una web o imagen?"},"content":{"rendered":"<p>Desde hace un tiempo Microsoft ha ido trabajando en una herramienta con muchas utilidades llamada Powertoys, es una herramienta que yo personalmente considero indispensable por todo lo que te ofrece.<\/p>\n<h2>Aprende a descubrir que colores usa una web o imagen usando Powertoys<\/h2>\n<p>Para poder usar Powertoys lo primero que tenemos que hacer es descargarlo <a href=\"https:\/\/github.com\/microsoft\/PowerToys\/releases\/\" target=\"_blank\" rel=\"nofollow noopener\">desde aqu\u00ed<\/a> (recuerda descargar la \u00faltima versi\u00f3n y el que termine con la extensi\u00f3n .exe).<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-10030 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-1.png\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"1000\" height=\"300\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-1.png 1000w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-1-300x90.png 300w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-1-768x230.png 768w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-1-600x180.png 600w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Para la instalaci\u00f3n tan solo abren el archivo descargado, dan Next en las ventanas que van saliendo y luego Install.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-10033 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-2.png\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"495\" height=\"392\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-2.png 495w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-2-300x238.png 300w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/p>\n<p>Al abrir Powertoys nos encontraremos con esta interfaz.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-10032 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3.png\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"1166\" height=\"853\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3.png 1166w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3-300x219.png 300w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3-1024x749.png 1024w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3-768x562.png 768w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-3-600x439.png 600w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\n<p>Como podemos observar tenemos diferentes herramientas que podemos aprovechar de Powertoys, pero lo que nos interesa en este momento es el Selector de colores.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10034 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4.png\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"1166\" height=\"853\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4.png 1166w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4-300x219.png 300w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4-1024x749.png 1024w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4-768x562.png 768w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-4-600x439.png 600w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\n<p>Cuando estemos en la pesta\u00f1a del Selector de colores bastar\u00e1 con activarlo para ya poder usarlo. <strong>De esta forma ya podemos tomar el color de cualquier elemento que tengamos en nuestro escritorio, es decir, esta herramienta no se limita a una web o imagen, sino a toda tu pantalla<\/strong>.<br \/>\nPara usar la utilidad tan solo deberemos usar el acceso directo de activaci\u00f3n que nos sugiere por defecto, en este caso <strong>presionar Windows + Shift + C en el teclado<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10036 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5.jpg\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"1200\" height=\"650\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5.jpg 1200w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5-300x163.jpg 300w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5-1024x555.jpg 1024w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5-768x416.jpg 768w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-5-600x325.jpg 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Luego de activar esta utilidad ya podremos ir viendo directamente en la pantalla el color de cada zona en la que vas apuntando.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10035 aligncenter\" src=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-6.png\" alt=\"Como saber que colores usa una web o imagen con Powertoys\" width=\"440\" height=\"380\" title=\"\" srcset=\"https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-6.png 440w, https:\/\/cdn.ilustraideas.com\/wp-content\/uploads\/2021\/10\/como-saber-que-colores-usa-una-web-o-imagen-con-powertoys-6-300x259.png 300w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/p>\n<p>Si presionamos un clic podremos visualizar en una ventana el color seleccionado. Adem\u00e1s tenemos un bot\u00f3n con el que podremos copiar el color directamente. De esta forma ya podremos saber el color que se ha utilizado en una imagen, web o cualquier tipo de elemento que veas en tu pantalla.<\/p>\n<p>Si te interesa el mundo de las apps y te gusta el dibujo, tambi\u00e9n he dejado un art\u00edculo donde podr\u00e1s descubrir <a href=\"https:\/\/ilustraideas.com\/3-aplicaciones-para-dibujar-en-el-ipad\/\">aplicaciones que recomiendo para dibujar en el iPad<\/a>.<\/p>\n<p>Espero que este peque\u00f1o tip te haya sido de ayuda, si tienes alguna pregunta o recomendaci\u00f3n de alguna otra herramienta puedes dejarlo en la caja de comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprende a usar Powertoys para descubrir que colores usa una web o imagen.<\/p>\n","protected":false},"author":1,"featured_media":10031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[47,97,370],"class_list":["post-10028","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualidad","tag-colores","tag-microsoft","tag-powertoys"],"acf":[],"_links":{"self":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts\/10028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/comments?post=10028"}],"version-history":[{"count":0,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/posts\/10028\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/media\/10031"}],"wp:attachment":[{"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/media?parent=10028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/categories?post=10028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ilustraideas.com\/en\/wp-json\/wp\/v2\/tags?post=10028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}