{"id":6002,"date":"2013-06-06T13:38:37","date_gmt":"2013-06-06T13:38:37","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6002"},"modified":"2019-08-23T05:27:49","modified_gmt":"2019-08-23T05:27:49","slug":"colorzilla","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/","title":{"rendered":"Colorzilla"},"content":{"rendered":"<p><strong>ColorZilla<\/strong> es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.<\/p>\n<p>Se trata de una herramienta muy simple pero muy \u00fatil que se agrega en la barra de herramientas de tu navegador. Un cuentagotas avanzado, selector de color y\/o un generador de degradado, entre otros detalles relacionados con el color tendr\u00e1s disponible al instalar esta extensi\u00f3n.<\/p>\n<p>Actualmente, lo utilizo en <em>Google Chrome<\/em> pero, se que tambi\u00e9n est\u00e1 disponible para <em>Mozilla Firefox<\/em>.<\/p>\n<h3>Como instalar ColorZilla en Google Chrome<\/h3>\n<ol>\n<li>Accede al <a href=\"https:\/\/chrome.google.com\/webstore\/category\/extensions?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">web store de Google Chrome<\/a>.<\/li>\n<li>Busca \u00abColorZilla\u00bb.<\/li>\n<li>Pulsa en Instalar.<\/li>\n<\/ol>\n<p>En cuesti\u00f3n de segundos te aparece al lado de la barra de direcciones un icono que parece un cuenta goteo con el que puedes averiguar cualquier color que est\u00e9 presente en una p\u00e1gina web.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7436 size-full\" title=\"Colorzilla funcionamiento\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo.png\" alt=\"Colorzilla funcionamiento\" width=\"1811\" height=\"262\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo.png 1811w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo-300x43.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo-768x111.png 768w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/colorzilla-ejemplo-1024x148.png 1024w\" sizes=\"auto, (max-width: 1811px) 100vw, 1811px\" \/><\/a><\/p>\n<p>Al hacer clic en el lugar deseado de una p\u00e1gina web, <strong>ColorZilla<\/strong> deja copiado en el portapapeles el color hexadecimal del elemento en el que se hizo clic para que puedas pegarlo directamente en tu proyecto.<\/p>\n<h3>Conclusi\u00f3n<\/h3>\n<p>Para mi esta extensi\u00f3n es imprescindible.<\/p>\n<p>En muchas ocasiones he encontrado p\u00e1ginas web que utilizan colores que me gustan. Una forma r\u00e1pida de saber que colores son, en c\u00f3digo hexadecimal, es utilizando este estupendo cuenta goteo.<\/p>\n<p><strong>ColorZilla<\/strong> es un complemento que ayuda a los programadores y dise\u00f1adores gr\u00e1ficos con tareas relacionadas con el color.<\/p>\n<p>Con <strong>ColorZilla<\/strong> puedes obtener una lectura del color desde cualquier punto de tu navegador, ajustar r\u00e1pidamente este color y pegarlo en otro programa.<\/p>\n<p>Puedes analizar la p\u00e1gina e inspeccionar una paleta de sus colores.<\/p>\n<p>El espionaje del DOM del color de cualquier p\u00e1gina web est\u00e1 a tu alcance.<\/p>\n<p>Su funcionalidad no se queda solo en esto. Desde ColorZilla tambi\u00e9n puedes:<\/p>\n<ul>\n<li>Usar distintas paletas de colores para seleccionar un color f\u00e1cilmente.<\/li>\n<li>Ver un historial de los colores capturados.<\/li>\n<li>Analizar el conjunto de colores de una p\u00e1gina web.<\/li>\n<li>Acceder a CSS Gradient Generator.<\/li>\n<li>etc<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.colorzilla.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visitar p\u00e1gina oficial<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.<\/p>\n","protected":false},"author":1,"featured_media":7437,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[186],"class_list":["post-6002","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas","tag-extensiones"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Colorzilla - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colorzilla - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-06T13:38:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-23T05:27:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/\",\"name\":\"Colorzilla - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png\",\"datePublished\":\"2013-06-06T13:38:37+00:00\",\"dateModified\":\"2019-08-23T05:27:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Colorzilla\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colorzilla - Jose Aguilar Blog","description":"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Colorzilla - Jose Aguilar Blog","og_description":"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2013-06-06T13:38:37+00:00","article_modified_time":"2019-08-23T05:27:49+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/","url":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/","name":"Colorzilla - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png","datePublished":"2013-06-06T13:38:37+00:00","dateModified":"2019-08-23T05:27:49+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"ColorZilla es una extensi\u00f3n para navegadores que ayuda a los dise\u00f1adores y programadores a averiguar que color est\u00e1 viendo en pantalla.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/06\/ColorZilla.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/colorzilla\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Colorzilla"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6002"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6002\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7437"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}