Design

Paletas de color para diseño web en un clic

Esta extensión pone al alcance de nuestro dedo la obtención de cualquier paleta de color utilizada en un sitio web.

Por lo general, una interfaz bien diseñada recibe escasa atención por los usuarios no entendidos en materia de diseño web, ya que en ella todos los elementos fluyen y su navegación es placentera. Uno de los elementos de estas interfaces a las que un usuario inexperto presta menos atención, quizás, son las paletas de color que, sin embargo, juegan un papel fundamental en el diseño web. Con el objetivo de facilitar la tarea a quienes se encargan de confeccionarlas, existe Site palette, una extensión de Google Chrome que permite obtener las gamas cromáticas utilizadas en cualquier sitio web.

Paletas de color para diseño web en un clic 1

¿Cómo funciona Site Palette?

Esta extensión se instala como cualquier complemento del navegador y se ejecuta con extrema facilidad. Basta con acceder al sitio del que queramos obtener la paleta de colores y presionar en el cuadrado pixelado que representa el logotipo de Site palette, que estará situado en la esquina superior derecha de nuestro navegador. La extensión hará, entonces, un escaneado total del sitio y abrirá una nueva pestaña del navegador en la que nos mostrará los resultados.

Paletas de color para diseño web en un clic 3

Automáticamente obtendremos una paleta de colores fiel de la web que acabamos de analizar, que podremos importar directamente en Sketch y Adobe Swatch. Además, con un solo clic se copiará cada una de las muestras de color en el portapapeles, para que puedas utilizarlas de manera individual. Una herramienta interesante es también la que enlaza Site palette con Google palette, un experimento de Google Arts&Culture que nos muestra imágenes con la misma paleta de color que acabamos de obtener.

Paletas de color para diseño web en un clic 5
Paletas de color para diseño web en un clic 6

La extensión de Site palette, además de extremadamente útil para obtener paletas de color, es gratis y no puede ser más fácil de utilizar.

Te puede interesar:

- Introducción al Desarrollo Web Responsive con HTML y CSS, un curso de Javier Usobiaga.
- Diseño de una aplicación móvil, un curso de Christian Vizcarra.
- Layout web con CSS Grid, Flexbox y otras técnicas modernas, un curso de Javier Usobiaga.
- Dirección de arte digital, un curso de Adrián Somoza.

Recommended courses

Introduction to Python Programming. Web, and App Design course by Rodrigo Montemayor

Introduction to Python Programming

A course by Rodrigo Montemayor

Learn programming foundations for Python from scratch and find out how to code your first program

  • 5246
  • 98% (108)
90% Disc.
Original price $999MXN
Fundamentals of Figma. Design, Web, and App Design course by Samuel Hermoso (Elastic Heads)
Domestika Basics · 5 courses

Fundamentals of Figma

A course by Samuel Hermoso (Elastic Heads)

Learn to create interactive interfaces from scratch using one of the most powerful and efficient collaborative design tools on the market

  • 15562
  • 99% (293)
83% Disc.
Original price $999MXN
Creation of a Professional Website with WordPress. Web, and App Design course by Ignacio Cruz Moreno

Creation of a Professional Website with WordPress

A course by Ignacio Cruz Moreno

Create your own website without any programming by using simple plugins on WordPress

  • 74789
  • 95% (3.1K)
90% Disc.
Original price $999MXN
0 comments