Revista Cine

Cómo averiguar el código html de los colores de una imagen

Publicado el 23 noviembre 2015 por Susana Fernández @adarvephtcllage

Y cómo crear nuevas combinaciones de colores con color.ADOBE

Bueno, si sois unos enamorados de los colores, seguro que os encantará utilizar la herramienta de la que os voy a hablar en el post de hoy:
la rueda de color.Adobe
Os aseguro que yo personalmente encuentro super-relajante subir imágenes a esta web, aunque he de confesar que soy una enamorada de las paletas de color...

¿Para qué sirve color.ADOBE?

Pues en primer lugar para para extraer la paleta con los colores de una imagen con sus códigos html, y en segundo lugar para buscar los colores que mejor combinen con esos colores. ¿Queréis saber cómo? ¿Sí? Estupendo, porque eso es lo que os voy a explicar en este tutorial. Y lo haré con la ayuda de esta fotografía que hace unos días me encontré en uno de los blogs de decoración que visito habitualmente: el blog Ayuda a decorar de Janire Montes (ver)

coleccion ikea sittning

colección Ikea "Sittning"


Imaginaos que de repente os enamora esta combinación de colores y, en primer lugar,  queréis averiguar los códigos html para ponerlos en el diseño de vuestro blog, o para diseñar un póster o unas tarjetas de felicitación en vuestro programa de edición favorito, por ejemplo… ¿cómo averiguar esos códigos?Esto es lo que tenéis que hacer:1º.- Entrad en la web de Color Adobe (ir) donde os aparecerá esto:

pagina inicio adobe color wheel, landing page adobe color

página de inicio de Color Adobe


2º.-  Subid vuestra imagen. Para ello tendríes que hacer "clic" en el icono con forma de cámara de fotos que encontraréis arriba a la derecha. Una vez hecho esto os aparecerá la imagen con los cinco colores predominantes, es decir, la paleta de colores de esa imagen

cómo subir una imagen a color adobe

paleta de colores de la imagen

3º.- Haced "clic" ahora en el icono redondo  que aparece, asimismo, arriba a la derecha y que nos lleva a "crear desde la rueda cromática". Os aparecerá esto...

cómo averiguar el codigo html de los colores de una imagen

códigos html de la paleta de colores de una imagen


... y justo al fondo de todo encontraréis los códigos HEX (html).

Vamos ahora, en segundo lugar, acrear nuevas combinaciones de colores Para ello seleccionamos uno de los colores de esa paleta, por ejemplo el azul más oscuro.
Si os fijáis, en la parte superior izquierda de la pantalla hay un menú titulado regla cromática. Pues bien, ahí es donde encontraremos las combinaciones de colores más acertadas para ese azul. 1º.- Si hacemos "clic" enanálogos, el programa os creará esta nueva paleta de colores compuesta porcolores distintos todos ellos en lamisma tonalidadque nuestro azul, es decir, todos igual de apagados y oscuros:

color adobe wheel, colores analogos, gamas cromaticas

paleta de colores análogos

2º.- En cambio, si hiciéramos "clic" donde dicemonocromáticos nos aparecería esta otra condistintos tonos todos ellos variantes delmismo colorazul:

gamas monocromatica color adobe wheel

paleta de colores monocromáticos

3º.- Finalmente, si probáramos a hacer "clic" donde dicecomplementarios entonces obtendríamos otra paleta compuesta pornuestro azul y sus opuestos en el círculo cromático, que son los que más contrastan con él…

adobe color wheel, complementary colors

paleta de colores complementarios

Ahora ya sólo nos quedaría elegir cuál de esas tres combinaciones nos gusta más, cuál es la que más nos atrae.
Así, por ejemplo, si buscásemos nuevas combinaciones para decorar nuestra casa y necesitásemos rodearnos de un ambiente relajado que invite a la calma, entonces probablemente nos atraerá más la combinación monocromática. En cambio, si buscamos algo más animado, más vital, probablemente preferiremos la combinación de colores complementarios...

Por último,UNA DECO IDEA

Si estáis pensando en dar un cambio de aires a una habitación sin gastar demasiado, ya sabéis que a veces es suficiente con dar una mano de pintura a las paredes, cambiar las fundas de los cojines, cambiar los marcos y los paspartú de los cuadros, añadir algunos adornos... 
Pues bien, en ese caso os recomiendo fotografiar lo que no queráis o no podáis cambiar (la tapicería del sofá, la madera de los muebles más voluminosos, la alfombra...) y subir la imagen a color.ADOBEAsí podréis experimentar con las sensaciones que las distintas combinaciones de colores os van a provocar, y seguro tomaréis la decisión más acertada al la decoración de vuestro hogar.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

No te pierdas ninguna de nuestras publicacionesSuscríbete y recíbelas en tu eMailTambién puedes seguirnos en Facebook, en Twitter y en Google +o visitar nuestro canal en Youtube


Y si os ha gustado este post, no os olvidéis de compartirlo ;)

Volver a la Portada de Logo Paperblog