Arriba

Rafa Arjonilla

Cursos

Cómo saber qué colores usa una web con la extensión de Chrome ColorZilla

Si te dedicas al diseño o estás diseñando tu página web y alguna vez te has preguntado qué colores usa una web hay diferentes formas de saberlo. Pero la más fácil es usando la extensión de Chrome ColorZilla.

En el vídeo te muestro cómo utilizar ColorZilla y las opciones que nos da.

¡Dentro vídeo!

Como has visto en el vídeo, con la extensión ColorZilla es muy fácil saber qué colores utiliza una página web en su diseño. Esto nos viene de perlas ahora que estamos replicando themes con Elementor a modo de práctica.

En este caso veíamos cómo sacar los colores de una de las plantillas de Divi en menos de 1 minuto. Es así de sencillo.

Si quieres instalarte ColorZilla, te dejo un enlace directo aquí a la Chrome Web Store abierto ya por esta extensión.

Si no has visto el vídeo (que te recomiendo que veas para ir más rápido) te dejo aquí un resumen de las opciones que nos da ColorZilla. Pero antes te dejo otros recursos de diseño web aquí abajo que te pueden venir bien también.

Recursos para diseñadores web
[cta_1]

Opciones de las extensión de Chrome ColorZilla

Vamos a repasar aquí las opciones que nos da ColorZilla.

Pick Color From Page ó Coger Color Desde la Página

Esta es la opción básica y más característica de la herramienta ColorZilla. Y también la que más vas a utilizar.

Simplemente pincha en esta opción y ponte encima del elemento del que quieres saber su color. Automáticamente aparecerá en la barra de arriba la información de ese elemento. Entre diferentes aspectos nos mostrará el color en código Hexadecimal (Hex) y en RGB.

Si haces click lo guardarás a tu porta papeles y lo podrás pegar donde quieras. Pero además se guardará en tu selector de colores y en tu selector histórico de colores.

Color Picket o Selector de Colores

Aquí se almacenan los últimos colores que has cogido de alguna web.

Picked Color History o Selector Histórico de Colores

Aquí tienes un histórico con todos los colores que has ido recogiendo de diferentes webs.

Web Page Color Analyzer o Analizador de colores de una página web

Esta opción es otra que también uso bastante. Es muy útil cuando entras en una página web y te encanta la armonía de colores en conjunto. Si pinchas en esta opción podrás ver toda la paleta de colores que está utilizando esa página web de un tirón y podrás ir seleccionando cada color y ver sus códigos para utilizarlos en tu web.

Además de estas opciones hay otras que no suelen usarse mucho. Pero trastea, que lo mismo a ti te parecen más interesantes.

Y hasta aquí este vídeo Tip en el que hemos visto cómo usar esta fantástica extensión de Chrome para hacer más rápida y sencilla búsqueda de colores para la página web que estamos diseñando.

Espero que te haya sido de utilidad, y ya sabes, si tienes cualquier duda, utiliza el formulario de aquí abajo y te contesto lo más rápido que pueda.

Si te ha parecido interesante este contenido y crees que puede ayudar a alguien más, por favor, compártelo en tus redes sociales. ¡Muuuchas gracias!