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.
Como verás 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 vemos 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:
- Cómo saber las fuentes de una web en 1 minuto con WhatFont
- Cómo descargarte las imágenes de cualquier web en segundos con ImageSpark
- Diseña tu web en tiempo record con el page builder Elementor
- Cómo tener una web gratis en tu ordenador para hacer pruebas sin miedo a liarla
- Cómo añadir contenido de prueba en WordPress para asegurarnos que nuestro diseño funciona bien bajo cualquier circunstancia
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.
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!
