Soluciones para trabajar con colores en tu navegador

En diseño, el color es una herramienta importante. Elegir una buena combinación puede ser la diferencia entre un gran diseño o un diseño pasable.

Figuras geométricas, texturas, líneas… El color es uno de los elementos más importantes en diseño. Elegir un color u otro influye en cómo vemos un logotipo, una infografía o un texto.

Para trabajar con colores contamos con diferentes herramientas, algunas de ellas integradas en los editores de imagen, como las paletas de color o los retoques de brillo, saturación y color.

A continuación reunimos algunas de las mejores utilidades online para trabajar con colores desde el navegador. Te ayudarán a encontrar el color adecuado, su código RYB, RGB, HEX o HSL, colores compatibles con el que tú elijas o el nombre de los colores según la guía de referencia Pantone.

Image Color Picker

Empezamos por una tarea relativamente habitual en diseño. Encontramos un color en una imagen cualquiera y no sabemos cual es en particular. ¿Cómo averiguarlo?

Con Image Color Picker podemos subir una imagen cualquiera y averiguar los colores de un dibujo o fotografía.

Una vez cargada, basta con mover el cursor por encima de la imagen para ver el color. Al pulsar, se seleccionará y veremos sus códigos RGB, HEX y HSL para emularlo en nuestro editor de imagen.

Sin registro, sin instalar nada. Fácil y rápido.

Pantone Color Finder

Si hablamos de colores no podemos olvidar citar a Pantone, la guía de referencia de colores.

Entre las muchas herramientas que ofrece a diseñadores y foráneos, Pantone Color Finder nos ayudará a encontrar colores entre su interminable gama.

A partir de una paleta básica o si sabemos su número Pantone exacto, el buscador nos mostrará ese color y las muchas variantes que podemos combinar en un diseño cualquiera.

Cada color tiene su propia ficha. Al acceder a ella, veremos los valores del color en RGB, HEX y CMYK, así como productos relacionados por si estamos interesados en adquirirlos.

Paletton

No es fácil combinar dos o más colores. Una mala combinación puede resultar contraproducente y romper la armonía de un buen diseño.

Paletton nos permite obtener colores complementarios de un color inicial gracias a sus muchas opciones. Pulsando en un color de su rueda veremos colores aproximados o sus opuestos.

Una vez tenemos los resultados, es posible alterarlos moviendo los círculos de selección para alterar las combinaciones de color.

El resultado, una lista de colores compatibles que podremos usar en nuestra herramienta de edición gracias a su código RGB.

Coolors

Creada por un diseñador, Coolors es una herramienta curiosa para trabajar con colores, ya que genera una selección de colores compatibles.

Para cambiar la selección, podemos pulsar la barra espaciadora y obtener colecciones al azar a medida que pulsamos o alterar el resultado con las opciones disponibles.

En concreto, cada color es alterable cambiando sus valores HSB, RGB, CMYK o eligiendo colores de su paleta y de la paleta Pantone.

También es posible ver toda la gama de colores similares de más blanco a más negro con sus respectivos códigos para emularlos.

Coolors sirve, además, para detectar los colores de una imagen e incluso tener en cuenta problemas de visión que impiden ver ciertos colores, como protanopia, tritanopia o achromatopsia.

Sessions College Color Calculator

Seguimos con otra calculadora de colores compatibles. Con Sessions College Color Calculator sabremos qué colores encajan con el que nosotros elegimos: complementarios, monocromáticos, análogos…

Tan simple como seleccionar un color de la rueda, seleccionar el tipo de compatibilidad que buscamos y obtener el resultado al instante.

Además, Sessions College Color Calculator permite arrastrar los colores seleccionados dentro de la rueda de color para alterar los colores respetando la compatibilidad.

0to255

Entre el blanco más puro y el negro más oscuro hay toda una serie de tonalidades que podremos conocer con 0to255.

A partir del color seleccionado, 0to255 nos muestra sus variantes según el exceso o falta de blanco. Así, obtendremos una paleta de color monocromática para emplear en cualquier diseño a partir de su código de color.

Imagen | Pixabay (Autor: AlexanderStein)

SIGUE LEYENDO…
Ir a la fuente / Author: José María López

VEO lo que NO SE VE

 
seo o no seo precio seo
seo o no seo precio seo coste seo

Más SEO, Más CLIENTES

Posicionamiento SEO, Hosting Servidores SSD optimizados para WordPress, Diseño de páginas web WordPress

Primer ANÁLISIS SEO GRATIS! Envía un email con tu dominio a:

Josean | www.seox.es | seox@seox.es  |  656 545 123  🙂

  Licencia de Creative Commons

SeoX: SEO en Bilbao para agencias, posicionamiento de páginas web, Link Building, Hosting WordPress, Marketing Digital en Bilbao

seo - Search engines - Search engine - Optimization - Traffic - Engine optimization - Search engine optimization - Optimize - Digital marketing - Optimizing - Ppc - Organic search - Backlinks - Online marketing - Link building - Seo strategy - On page seo - Keyword research - Adwords - Search engine results - line presence - Webmaster - Pay per click - Serps - Sitemap - Seo services - Engine results - Marketing strategy - Search marketing - Pay per - Webmasters - Local seo - Internet marketing - Backlink - Mobile friendly - Google search console