A la hora de dise├▒ar un sitio web, existen una serie de elementos que debes tener en cuenta: el dominio, el hosting, las fotograf├şas, los textos, las tipograf├şas o los colores. En este post me voy a centrar en el ultimo de ellos, y te traigo varias herramientas donde encontrar├ís┬ápaletas de colores para dise├▒o web.

La elecci├│n de los colores para un sitio web es un proceso complejo y que no debe hacerse a la ligera.

Para elegir la paleta de colores, debes tener en cuenta qu├ę quieres transmitir en tu sitio web, cu├íles son los valores de tu marca o c├│mo vas a mostrar tu mensaje.

Cuando tengas claro todo ello, es el momento de elegir los colores que van a aparecer en tu sitio web y van a otorgarle a tu marca la personalidad que hará que el usuario la recuerde e identifique.

Llegados a este punto, te recomiendo crear una paleta que no tenga más de tres o cuatro colores. En ese sentido, mi consejo es elegir un color principal y varios complementarios.

En mi caso, el color principal es el azul y tengo otros complementarios: blanco, negro y el mismo azul con una tonalidad menos intensa.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

Ejemplos de paletas de colores de marcas conocidas


Para que entiendas un poco mejor la idea de un color principal y varios complementarios, te voy a mostrar la paleta de colores que usan varias marcas que todos conocemos.

9 herramientas con las que crear paletas de colores para dise├▒o web

Paleta de colores de BBVA

En esta paleta de colores hay un color principal (el azul más oscuro de la derecha) y el resto de tonos azules son los complementarios.

 

9 herramientas con las que crear paletas de colores para dise├▒o web
Paleta de colores de Coca Cola

En la paleta de Coca Cola predominan los tonos rojos (por todos es conocido que el rojo es su color principal) y el resto son los complementarios.

 

9 herramientas con las que crear paletas de colores para dise├▒o web
Paleta de colores de Movistar

En el caso de Movistar, disponen de dos colores principales (el verde y azul oscuro de la izquierda). El resto son los complementarios.

 

Consejos a la hora de crear una paleta de colores para dise├▒o web


Antes de hablar de cada una de las herramientas que puedes utilizar si quieres crear paletas de colores para dise├▒o web, voy a mencionar una serie de consejos o recomendaciones que debes tener en cuenta:

  • Antes de nada, piensa qu├ę quieres transmitir exactamente con tu marca para buscar una paleta de colores que refleje esos valores y acompa├▒e tu mensaje.
  • Piensa c├│mo quieres que te perciba el usuario y c├│mo quieres posicionarte en su mente (todos asociamos el color naranja a ING, el rojo a Coca Cola, etc).
  • A continuaci├│n, define uno o dos colores principales y varios complementarios. Los segundos girar├ín en torno a los primeros.
  • Cuando los tengas, crea varias combinaciones con los diferentes colores y elementos de tu web hasta encontrar la mejor opci├│n.
  • Por ├║ltimo, haz varias pruebas y mu├ęstraselas a otras personas para que te den feedback y puedas hacer modificaciones (no siempre nuestra idea es la mejor).

En el siguiente ejemplo, puedes ver una combinaci├│n de colores del nuevo logo de hoyreka! que hice para el redise├▒o de su web. Aunque este post no va de dise├▒o de logotipos, te puedes hacer una idea de c├│mo son esas posibles combinaciones.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

Paletas de colores para dise├▒o web: 9 herramientas


 

1) Design Seeds

Desing Seeds es una de mis páginas favoritas a la hora de buscar inspiración cuando tengo que crear paletas de colores para diseño web.

Cuenta con un montón de paletas muy bellas y elegantes inspiradas en imágenes de la vida real, tales como arte, decoración, manualidades o bodas.

De este modo, puedes usar los colores de Design Seeds para crear, por ejemplo, diseños, ilustraciones o manualidades.

Adem├ís, las paletas de colores est├í organizadas en diferentes categor├şas: por estaciones, por colores y por colecciones.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

2) LOL Colors

LOL Colors es una herramienta que tambi├ęn uso habitualmente cuando necesito buscar inspiraci├│n a la hora de crear paletas de colores para dise├▒o web.

Se trata de una especie de rankings de paletas hecha en su totalidad por su equipo de acuerdo con los criterios que han establecido en funci├│n de su extensa experiencia en la industria del dise├▒o web.

Además, trabajan con otras agencias de diseño a las que califican según sus criterios.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

3) Color Palette FX

Color Palette FX es una herramienta que te permite subir una imagen y crear una paleta de colores a partir de ella.

Una vez creada la paleta, te permite hacer clic en cada uno de los colores para ver su nombre y valores.

Con Color Palette FX podrás generar paletas de colores para diseño web desde una imagen en formato jpg, gif o png.

Algunas caracter├şsticas de las paletas de colores que puedes crear con esta herramienta:

  • Genera autom├íticamente paletas de colores a partir de cualquier imagen o fotograf├şa.
  • Crea y compara paletas de colores en formato RGB, HSB y hexadecimal.
  • Descubre nombres para tonos de colores utilizados por artistas y dise├▒adores de interiores.
  • Encuentra materiales de arte y manualidades que coincidan con tu paleta.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

4) Color Spire

Color Spire es una herramienta especialmente pensada si quieres crear paletas de colore para diseño web, pues incorpora una especie de constructor con los diferentes elementos de un sitio web.

C├│mo crear esquemas de colores con Color Spire:

  1. Elige un color de base. El primer paso para diseñar tu propio esquema de color es elegir un color base (el principal). Este color puede ser uno de favoritos, un color que ayude a transmitir los valores de tu marca o simplemente un color que siga las tendencias actuales.
  2. Rueda de color RBG. Con la rueda de colores es fácil encontrar colores análogos, colores complementarios, colores terciarios, etc. Puedes aprovechar la rueda de colores para elegir colores armoniosos que coincidan con tu color principal.
  3. Crea tu combinación de colores. La herramienta te ofrece un diseñador de esquemas de color muy fácil de usar para ayudarte a crear tu propia paleta. Con el selector de color flexible y la rueda de colores, puedes crear fácilmente esquemas de color armoniosos para usar en tu sitio web.
  4. Ver los resultados. Una vez creada tu paleta de colores, la herramienta te permite obtener una vista previa de tus combinaciones de colores en tiempo real y ver si los colores funcionan bien juntos. 

9 herramientas con las que crear paletas de colores para dise├▒o web

 

5) Color Hunt

Color Hunt es una colecci├│n abierta de paletas de colores utilizada diariamente por miles de personas en todo el mundo.

La colecci├│n incluye miles paletas de colores seleccionados a mano y crece d├şa a d├şa.

Cada paleta está creada por los propios usuarios de Color Hunt y la mejor de todas se muestra en la home.

Cabe destacar que todas las paletas son de uso gratuito.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

6) Culrs

Culrs┬áes un sitio web que muestra paletas de colores muy chulas en funci├│n de diferentes categor├şas: emoticonos, target, productos o colores de moda.

Esta herramienta te proporciona una amplia gama de paletas de colores y te permite construir una marca alineada con tu público objetivo.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

7) Material Desing

Material Design es un sistema unificado para dise├▒adores que combina teor├şa, recursos y herramientas para crear experiencias digitales.

El sitio web dispone de una herramienta propia para crear, compartir y aplicar paletas de colores: Color Tool.

Esta herramienta te permite elegir un color de la paleta (o un color personalizado) para ver cómo se ve en una interfaz de usuario.

Además, te permite escoger los colores complementarios para crear una paleta de colores completa.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

8) Threebu

Threebu es un generador de paletas de colores a partir de materiales aleatorios.

La principal diferencia con el resto de herramientas es que permite visualizar tus paletas en diferentes formatos: texto, tarjeta comercial, paleta vertical clásica, paleta circular y logotipo en formato svg.

Además, te permite guardarlas, exportarlas o compartirlas.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

9) Logomak

Por último, Logomak es una herramienta pensada especialmente para dar los primeros pasos en la creación de un logotipo.

Lo cierto es que escoger los colores y las tipograf├şas es uno de los aspectos m├ís dif├şciles a la hora de dise├▒ar un logotipo.

El n├║mero infinito de combinaciones puede hacer que sea un proceso frustrante.

Por ese motivo, si estás empezando a crear tu logotipo, te vendrá genial esta herramienta.

Solo tienes que seleccionar tu actividad comercial y las caracter├şsticas que describen tu empresa o negocio.

A partir de ah├ş, la herramienta te mostrar├í los colores y las fuentes m├ís adecuadas para su logo.

9 herramientas con las que crear paletas de colores para dise├▒o web

 

Hasta aqu├ş mi repaso por estas┬á9 herramientas con las que crear paletas de colores para dise├▒o web.

Espero que te sean de gran utilidad en el momento de elegir los colores de tu marca, pues a veces es una tarea complicada.

IMG: shutterstock

You have Successfully Subscribed!

Pin It on Pinterest

Share This