Haz único tu blog - Queridos Lectores ! ! HAZ ÚNICO ! ! TU BLOG - … · 2019-12-16 · Haz...
Transcript of Haz único tu blog - Queridos Lectores ! ! HAZ ÚNICO ! ! TU BLOG - … · 2019-12-16 · Haz...
Haz único tu blog - Queridos Lectores
1
HAZ ÚNICO TU BLOG
Encuentra los colores irresistibles
y marca la diferencia
Queridos Lectores
www.queridoslectores.es
Haz único tu blog - Queridos Lectores
2
INDICE
1. Prólogo ............................................................................................................ 3
2. Introducción .................................................................................................... 5
2.1 ¿Qué viene primero, el blog o la marca? ................................................... 5
1. 2.2 La importancia de los colores en un blog .................................................. 7
3. Elegir los colores para tu marca ....................................................................... 8
3.1. Conociéndote a ti y a tu marca ................................................................. 8
3.2. ¿Qué es una paleta y porqué es importante? ........................................... 9
3.3. Comienza la búsqueda: encuentra tus colores ....................................... 10
3.4. Transmite con tus colores ....................................................................... 15
3.5. Últimas comprobaciones ........................................................................ 17
4. Organiza tus colores en una paleta ............................................................... 19
4.1 Crea tu paleta .......................................................................................... 19
5. Identificar los colores: códigos RGB y HEX .................................................... 22
5.1 Sistema RGB decimal ............................................................................... 22
5.2 Sistema RGB hexadecimal ....................................................................... 23
6. Breve resumen .............................................................................................. 24
7. Si te ha gustado ............................................................................................. 25
Haz único tu blog - Queridos Lectores
3
1. Prólogo Está claro que al crear una marca o un blog buscas triunfar. Que la gente te siga, te
comente y consigas crear una comunidad, ¿no?
Pues bien, para llegar a eso hay muchos pasos, pero uno de los más importantes es la
creación de tu marca/blog. Cuando lo hagas, estarás creando una identidad virtual,
con unos colores, una tipografía y un estilo que hará que tus posibles
clientes/lectores te recuerden o te olviden para siempre.
En esta guía me he centrado en los colores de tu marca/blog, y con ella aprenderás:
• Como escoger los colores para tu blog o marca.
• A conocer el significado y el mensaje que transmiten los colores.
• Como crear la paleta de colores de tu marca/blog con ayuda de la
herramienta online Kuler.
• A interpretar y utilizar dos de las nomenclaturas de los colores más
comunes en diseño de blogs
Merece la pena dedicarle el tiempo necesario a elegir los colores de tu marca/blog,
porque luego te van a representar así que hay muchas cosas que debes tener en
cuenta.
Este e-‐book está basado en mi experiencia a través de la creación de mi propio blog
con mis colores y diseño. Lo suficiente para poder explicarte como lo hice porque
creo que es muy importante seguir unos pasos y así evitarás cometer los mismos
errores que yo. Además te ahorrarás el tiempo que yo perdí al no saber qué pasos
seguir.
Haz único tu blog - Queridos Lectores
4
Espero que la disfrutes y que sobre todo te sea muy útil. Si tienes cualquier duda no
dudes en contactarme en las redes sociales que encontraras en el blog o al final de
esta guía. También puedes mandarme un correo a [email protected]
Y bien, ¿vamos allá?
Marta
Haz único tu blog - Queridos Lectores
5
2. Introducción 2.1 ¿Qué viene primero, el blog o la marca?
Al igual que con el acertijo del huevo y la gallina, muchas miles de veces me he
planteado que se crea primero, si el blog o la marca.
¿Primero creamos el blog, y cuando ya ha arrancado y vemos que es algo más que un
“hobbie” lo convertimos en una marca?
¿O creamos una marca y entonces la apoyamos con un blog para acercarnos más a
los posibles clientes?
Cada uno lo hace a su manera y en esta guía no voy a entrar en detalles sobre qué es
lo mejor, pero solo quería aclararlo, porque esta guía sirve para las dos situaciones.
Siempre necesitarás unos colores y una paleta, ya que una vez inicias tu blog, aunque
sea como “hobbie” te estás creando una “identidad virtual” que tiene una imagen,
un nombre, unos colores y una tipografía que te caracteriza y que escoges al
principio del proyecto.
Claro está que tienes todo el derecho del mundo a cambiar esa imagen cuando
quieras, pero no es fácil. No puedes hacerlo cada dos por tres porqué cuesta mucho
trabajo que la gente reconozca una identidad así que irlo cambiando lo hace aun más
complicado. También es verdad que puede haber cambios, de hecho, seguramente
los habrá, porqué las cosas evolucionan y es normal, pero que no puedes o al menos
no deberías cambiarlo a lo loco. ¡Todo cambio tiene que ser meditado y valorado!
Así que hay que tomarse muy en serio el momento en que diseñas tu logo con sus
colores y sus tipografías, por eso considero importante escribir esta guía, para que
puedas crear una paleta con la que te sientas identificado y cómodo y que realmente
forme parte de tu identidad.
El e-‐book empieza por el que yo creo que es el primer paso, es decir ayudándote a
escoger los colores para tu marca, pero que igualmente te servirá para escoger los
Haz único tu blog - Queridos Lectores
6
colores que usar en la cabecera de tu blog, que acostumbra a ser un poco como el
logo del mismo, así que te recomiendo que no te saltes ningún apartado, seguro que
de todos puedes aprender algo.
¡Una vez aclarado esto vamos al grano!
Haz único tu blog - Queridos Lectores
7
2.2 La importancia de los colores en un blog
Antes de empezar a escoger los colores debes estar convencido de que los colores
de tu marca son muy importantes por distintas razones. Lo he repetido ya por activa
y por pasiva en lo que llevamos de guía, porqué es importante, pero después de esto
supongo que ya lo tendréis claro y ¡no lo volveré a nombrar!
Los colores de tu marca, y por consiguiente los de tu blog son gran parte de tu
imagen. Eso quiere decir que la gente va a relacionarte con estos colores, y que van a
ser parte de tu identidad virtual.
Te diferenciarán del resto de marcas y te harán único. Por eso es importante que no
copies a otra gente cuando escojas los colores, incluso si solo te estás inspirando en
ellos. ¡Cuando menos se parezca a otros mejor!
Además como parte de tu identidad virtual también son parte de nosotros, así que
tienes que sentirte identificado y cómodo con ellos. Cada vez que mires el logo de
tu blog tienes que pensar que hiciste una buena elección, que realmente esos
colores son los que te representan mejor.
También tienes que saber que los colores transmiten, aunque no nos demos cuenta,
mensajes y sentimientos sobre ti y tu marca a todos aquellos que pasan por tu blog.
Así que merece la pena que tengas en cuenta también estos datos.
Por ejemplo, el azul y el rojo transmiten entre otras cosas seguridad y fuerza, por eso
los logos de muchos bancos con de estos colores. ¿Ves por donde voy?
Como ya tienes claro que los colores son importantes te propongo que sigas la
lectura de la guía donde encontrarás una hoja de ruta con los pasos para encontrar la
combinación de tu marca.
Haz único tu blog - Queridos Lectores
8
3. Elegir los colores para tu marca Y aquí empieza la GRAN pregunta (y por fin la guía en sí). No tengas prisa en
responderla, tómate tu tiempo para reflexionar bien y encontrar la respuesta
adecuada que quizá será válida en el momento que la respondas, pero casi seguro
que evolucionará.
3.1 Conociéndote a ti y a tu marca
Este apartado no es más que una hoja de ruta, basada en mi propia experiencia y en
lo que hice para encontrar los colores de mi blog.
Antes de empezar debes tener claros algunos aspectos sobre ti y tu marca. Para
ayudarte he preparado unas preguntas que vienen a continuación. Dedícale el
tiempo que necesites, respóndelas varias veces en distintos momentos. Es una tarea
que puedes terminar tanto en 10 minutos como en un mes, y quizá la inspiración te
venga cuando no estés pensando en el tema, así que no te agobies.
CONOCIÉNDOTE A TI Y A TU MARCA {Ejercicio 1}
1-‐ ¿Qué valores quieres que transmita/transmite tu marca?
2-‐ ¿Con qué elementos de la naturaleza te podrías relacionar? ¿Qué
colores tienen?
3-‐ ¿Con que colores te sientes identificado?
4-‐ ¿Qué colores utilizas para vestir habitualmente?
5-‐ ¿Con que marcas te sientes identificado? ¿Qué colores utilizan en sus
blogs/logos?
Sé que son un tipo de pregunta difícil, a la que todos solemos responder: ni idea.
Haz único tu blog - Queridos Lectores
9
No hay respuestas correctas, simplemente es una ayuda para que empieces a
reflexionar sobre el tema.
Para mi logo, yo me inspiré con un ramo de lavanda que tenemos en el salón ☺
3.2 ¿Qué es una paleta y porqué es importante?
Antes empezar a elegir los colores de tu blog quiero aclararte algunos conceptos
sobre la paleta de colores.
Una paleta es una conjunto de colores que se utilizan en un objeto, o en tu caso, en
todas las creaciones relacionadas con tu marca, ya sea el logo, la cabecera o el blog.
Para crear una buena paleta en la que los colores se combinen con armonía y
coherencia y que además en tu blog pase lo mismo, sigue las pautas que vienen a
continuación:
" Una paleta debe tener como máximo entre 4 y 5 colores para que la
combinación no se convierta en un pupurri. Entre estos colores tienen que
haber unos principales, unos secundarios y otros neutros.
Está claro que además de estos también utilizaras el blanco y el negro e
incluso algún gris o beige.
" Elige 1 color (o 2 como máximo) como principal, porque si escoges muchos
colores aunque “se lleven bien” entre ellos todos necesitarán su parte de
protagonismo y la cosa no funcionará.
" Elige 1 color (o 2 como máximo) como secundario. Debe complementarse
muy bien con el color principal pero quedarse en un segundo plano.
" Elige 1 o 2 colores neutros, que combinen bien con los principales pero que
les cedan el protagonismo. Como color neutro encontramos el beige o el gris,
por ejemplo.
Otro color que también realizaría la función de color neutro sería reducir la
intensidad de uno de los colores principales.
Haz único tu blog - Queridos Lectores
10
En la imagen de arriba tenéis el ejemplo de mi propia paleta. Tengo dos colores
principales que son el lila y el verde más fuertes, y dos colores secundarios que en mi
caso son más claros que los principales, y que también realizan un poco la función de
colores neutros.
Además podéis ver el blanco como color neutro pero no es necesario ponerlo en la
paleta porqué de todas maneras vamos a usar el blanco y el negro, así que tu podrías
poner un beige o un gris que fuera bien con tus colores.
3.3 Comienza la búsqueda: encuentra tus colores
Una vez sabes como son los colores que debes encontrar y cuantos necesitas,
además de empezar a conocerte, a ti y a tu marca, por lo que a los colores se refiere,
tienes que empezar a buscar inspiración en cualquier sitio para conseguir ideas.
Puede ser que ya tengas un color en mente, y que durante este proceso refuerces
esa primera idea, o simplemente la descartes completamente.
Lo importante es que ya salgas con una combinación que tengas bastante clara.
Como ya he dicho, el objetivo de esta búsqueda, es encontrar los 2 o 3 colores
básicos que formen tu paleta y decidir cuales serán los protagonistas y cuales los
secundarios. Aun no tienes que decidir el valor exacto, simplemente el color, si
verde, rojo, o el que sea.
Paleta de mi blog Queridos Lectores 1
Haz único tu blog - Queridos Lectores
11
Te propongo algunos sitios para que busques ideas.
# La naturaleza es un muy buen lugar. Quizá así de repente te parece una
tontería pero no lo es. Por ejemplo, como ya te he dicho yo para mi blog
me inspiré en la lavanda, que es verde y lila y resulta que los dos colores
forman una combinación de colores análoga. Además luego en mi logo
diseñe dos ramitas de lavanda. Los elementos en la naturaleza a menudo
son perfectos y crean combinaciones muy interesantes, como por ejemplo
el verde de los pinos y el azul del mar. O el naranja y el negro en el pelaje
de un tigre.
# El día a día también es un buen sitio para inspirarte. Constantemente en la
tele, en los medios de transporte, en las tiendas vemos carteles
publicitarios, decoraciones en las que se tienen en cuenta los colores, así
que fíjate también en esos detalles y quizá encuentras una combinación
con la que puedas trabajar.
# El círculo cromático. Puede serte de gran ayuda, ya que en él existen
distintos tipos de combinaciones que siempre resultan armoniosas.
Paleta de ejemplo con un tigre 1
Haz único tu blog - Queridos Lectores
12
Te explico. En el círculo cromático encontramos distintas formas de combinar los
colores. Hay muchas pero yo te explico como formar las 3 más comunes a
continuación. Solo tienes que elegir un color e ir probando todas las combinaciones
posibles con él para ver si hay alguna que despierte tu interés.
Combinación análoga
Consiste en combinar colores contiguos en el círculo cromático. Un buen ejemplo de
esta combinación sería el lila con el azul. También se pueden combinar tres colores
análogos, por ejemplo el amarillo, el naranja y el rojo.
Con este tipo de combinación conseguirás armonía y menos contraste.
Combinación complementaria
Consiste en combinar dos colores opuestos en el círculo cromático. Un buen
ejemplo de esta combinación serían el verde con el rosa.
Paleta con colores análogos 1
Haz único tu blog - Queridos Lectores
13
Conseguirás una combinación dinámica y con mucho contraste.
Tríada
Una tríada, como indica el nombre está formada por tres colores. Para crearla solo
hay que insertar (mentalmente) un triangulo rectángulo dentro del círculo cromático
y, los colores que marquen las puntas del triángulo, serán los que formarán la
tríada. Mirando la imagen de ejemplo se entiende fácilmente (piensa que las puntas
de tu triángulo coinciden con las redonditas que hay en el círculo de la imagen).
Paleta con colores complementarios
Paleta con una tríada
Haz único tu blog - Queridos Lectores
14
Por ejemplo, el verde, el naranja y el azul fuerte.
Más tarde, el proceso de construcción de la paleta (pág. 19) ya verás que la
aplicación que te enseñaré te da más combinaciones predeterminadas que también
pueden serte útiles, como los tonos de un mismo color o la combinación compuesta.
# Una buena herramienta online, también gratuita, que te propongo es
DesignSeeds. Es una página web donde se publican combinaciones de 5 o 6
colores a partir de una imagen. Además puedes hacer una búsqueda para
encontrar combinaciones con un color determinado o de una temática
específica.
# Color Palet Generator es un programa online con el mismo funcionamiento,
solo que tú puedes crear una paleta a partir de una imagen que te guste
simplemente subiéndola. Ellos te dan 10 colores con sus correspondientes
códigos. Kuler, la herramienta online que utilizaremos para crear la paleta
más tarde, tiene también una aplicación parecida que es casi mejor porque te
permite moverte por toda la imagen y decidir el tipo de colores que quieres
Ejemplo de paleta creada con DesigsSeeds
Haz único tu blog - Queridos Lectores
15
que seleccione (lo usé para crear la paleta de la imagen del tigre). Para usarla,
clica en el enlace y en la página de la aplicación clica en la cámara situada en la
esquina derecha.
# Por último, también puedes encontrar ideas en marcas o blogs. Pero siempre
ten en cuenta que puedes inspirarte pero no merece la pena utilizar la misma
combinación que ellos, sino mostrarás que no tienes personalidad y no estarás
sacando fuera tu verdadera identidad.
# Por último, te propongo ir a plataformas como Pinterest y crear un tablero en
el que pongas solo cosas que te recuerden a tu futuro proyecto, o a tu blog.
Cuando tengas unos 30 pines mira a ver que colores predominan, o si puedes
sacar la paleta de alguna de las imágenes.
Después de toda la búsqueda, que como ya he dicho antes te puede llevar mucho o
poco tiempo, debes tener claros los tonos que vas a utilizar en tu paleta. Cual van a
ser, como máximo los 3 colores que van a predominar en el blog.
3.4 Transmite con tus colores
A continuación debes saber que cada color transmite y representa unos
sentimientos y sensaciones. Eso lo tienes que tener en cuenta dependiendo de qué
quieras que transmita tu marca.
Sí, yo también era un poco reacia a creer en esto pero por algo será si la mayoría de
los logos de los bancos son azules o rojos, ¡colores que transmiten fuerza, poder y
seguridad!
Así que el siguiente paso es comprobar que los colores que has escogido transmiten
los valores adecuados. A continuación tienes los colores más comunes con aquello
que significan y los sentimientos que transmiten.
Haz único tu blog - Queridos Lectores
16
No tienes más que comprobar que los que tú has escogido concuerdan con aquellos
valores que habías definido en las preguntas iniciales. Y si no tienes aun claro algún
color y dudas entre algunos, este paso te puede sacar de dudas.
El significado de los colores
A la izquierda el significado y a la derecha dos ejemplos de marcas que utilizan ese
color.
Rojo # Energía, pasión y poder / Ferrari y Grupo Inditex
Azul # Confianza, orden y calma / Linked In y Ford
Verde # Frescura, tranquilidad, amabilidad y medio ambiente/ Green Peace y
Spotify
Amarillo # Felicidad, creatividad y vitalidad / Post-‐it y Chupa Chups
Lila # Misterio, elegancia y realeza / Yahoo y Milka
Naranja # Calidez, exotismo y alegría / Etsy y Blogger
Rosa # Feminidad, suavidad y comprensión / Barbie y Cosmopolitan
Marrón # Naturaleza, estabilidad y confianza / Louis Vuitton y Ups
Blanco # Pureza, limpieza y paz / Nike y Disney
Negro # Poder, sofisticación y misterio / Sony y L’Oreal
Gris # Modernidad, innovación y modestia / Apple y Wikipedia
Después de comprobar que más o menos la combinación que tenías en mente se
adapta a los significados ya puedes seguir adelante. No hace falta que sean los
valores exactos simplemente es una idea aproximada, y en el caso de que ya tuvieras
súper clara tu combinación y que no transmite los mensajes exactos yo no la
Haz único tu blog - Queridos Lectores
17
cambiaría. Simplemente también es una idea para orientarte a la hora de escoger
tus colores.
3.5 Últimas comprobaciones
Una vez tienes tus colores claros, y antes de plasmarlos en la que será la paleta de tu
marca/blog te recomiendo que compruebes lo que viene a continuación para no
encontrar después sorpresas desagradables.
" No te dejes llevar por las modas. No uses colores flúor, o colores pastel
simplemente porque la gente los usa y están de moda.
Por dos razones. La primera, es que todas las modas pasan y cuando inicias un
proyecto de esta envergadura, aunque pueda salir mal y terminar temprano,
también puede alargarse más de lo previsto, así que elige colores que no
vayan a pasar en un mes.
Y la segunda, porque puede ser que la gente que los usa se sienta identificada
con ellos, pero tu no. Si a ti te van los colores chillones no puedes crear una
marca con colores pastel, ¡no te representan en absoluto!
" Como decía anteriormente, siéntete identificado con los colores que elijas,
tienen que gustarte. Piensa en ti y en tus gustos y no te dejes influir mucho.
Porque tu marca durará y no me canso de decirlo, tienes que sentirte a gusto
con ella, porque aunque vaya a evolucionar no puedes pasar de un azul mint a
un rojo como el de Ferrari.
" Que tengan una concordancia con tu marca y proyecto. Elige colores que se
puedan identificar con tu marca. Por ejemplo, si haces ropa para niños puedes
escoger colores pastel, o una combinación que sea colorida, pero nunca
elegirás colores oscuros, como el negro y el granate, porque nadie diría que
haces ropa para niños, así que piensa que colores espera la gente de tu marca.
Si has llegado hasta aquí pasando por todos los puntos ya tendrás una idea sobre la
combinación suficientemente clara para poder comenzar a probar en una paleta.
Haz único tu blog - Queridos Lectores
18
Si aun no estás decidido puedes volver a releerte el apartado anterior y dedicarle
todo el tiempo que necesites, porqué como ya te he dicho un montón de veces, es
un paso lo suficientemente importante como para tomártelo con calma y darte el
tiempo necesario para encontrar los colores.
Si estas cansado de reflexionar también puedes lanzarte a la aventura con la paleta,
quizá así encuentres tu combinación. ¡Nunca se sabe!
Haz único tu blog - Queridos Lectores
19
4. Organiza tus colores en una paleta
Una vez has escogido los colores que van a representar tu marca, organízalos en una
paleta. Hay muchas herramientas para hacerlo, pero yo voy a explicarte cómo
hacerlo con Kuler.
Es una herramienta que a mí me ha funcionado muy bien. Además de ser gratuita,
permite organizar los colores según combinaciones predeterminadas o no y cada
color que escojamos tiene una leyenda con el nombre de cada color en RGB. Si esto
último te ha sonado a chino no te preocupes, en el siguiente apartado sabrás qué es
y conocerás su utilidad.
Antes de empezar completa esta ficha. Así te será más fácil organizarte en Kuler.
TUS COLORES YA DEFINIDOS {Ejercicio 2}
Color principal (2 como máx.) #
Colores secundarios (2 como máx.) #
Colores neutros (2 como máx.)#
Tipo de combinación #
Valores que transmiten #
4.1 Crea tu paleta
Ahora sí, que sí.
Ya puedes empezar ya con la creación de la paleta. Ejercicio 2 en mano, con tu
combinación que te representa, a ti y a tu marca delante podemos empezar a
definirla en el ordenador con forma de paleta.
Haz único tu blog - Queridos Lectores
20
Ir al sitio
Empieza por ir a https://kuler.adobe.com/es/create/color-‐wheel/ donde
encontrarás un círculo cromático, 6 casillas y distintos tipos de combinación, en la
esquina izquierda.
El funcionamiento de Kuler
El funcionamiento de la aplicación es sencillo. Las casillas con sus colores se
corresponden con las “lupas” situadas en el círculo cromático. Debajo de las casillas
encuentras el código RGB y HEX del color que hay en ella.
Para nombrar a tu paleta, haz clic encima del lápicito azul situado donde pone Mi
tema de Kuler. Un ejemplo de nombre sería paleta-‐blog, algo que luego te permita
encontrarlo fácilmente.
Para editar los colores tienes dos maneras de hacerlo.
Desde el círculo, clicando en la “lupa” que queramos mover, a derecha, a izquierda,
arriba o abajo. O bien desde las casillas, clicando encima de la que queramos
modificar y luego moviendo los cuatro puntos situados debajo.
Cuando modifiques un color todos los otros también cambiaran, de acuerdo con la
combinación que tengas seleccionada en el menú situado arriba a la izquierda.
Entre las combinaciones disponibles están las que te he explicado más arriba (pag.
12-‐13) y algunas más. Para cambiar la combinación seleccionada solo tienes que
clicar encima de la que quieras. Y si quieres modificar todos los colores a tu aire sin
que se relacionen selecciona la opción personalizados.
Si necesitas ampliar el círculo cromático para ser más preciso puedes hacerlo
clicando sobre él, y luego volver a hacerlo pequeño volviendo a clicar.
Haz único tu blog - Queridos Lectores
21
Creando tu paleta
Simplemente hay que ir probando para encontrar los colores que se ajusten bien.
Por ejemplo, pongamos que habías pensado en una tríada que combinara el azul, el
amarillo y el rojo. Primero selecciona la opción tríada en el menú. Luego ajusta la
casilla central con el que habías pensado que sería tu color principal, y verás como
los otros cambian para formar la combinación. Ves moviendo mientras pruebas y
valoras si te gusta o no. Cuando la opción te limite demasiado selecciona la opción
personalizados para así poder ser más exacto y tener un abanico de colores más
amplio entre los que escoger.
No tienes porqué utilizar todos los colores, puedes dejar casillas en blanco.
Además tu primera paleta no tiene porqué ser definitiva, quizá cuando apliques tus
colores al blog veas que necesitas un verde más clarito o un amarillo que tire más a
naranja. O quizá debas eliminar un color principal o añadir uno neutro. Ya lo irás
viendo dependiendo de tu necesidades.
El guardado
Cuando ya tengas la paleta más o menos acabada puedes guardarla. Para ello tienes
que clicar en el botón Guardar. Necesitarás un ID de Adobe para iniciar sesión o bien
registrarte si no lo tienes.
Si no quieres hacerlo, te propongo que hagas una captura de pantalla en la que
aparezcan las 5 casillas y sobretodo la leyenda que tienen debajo, donde hay escritos
los códigos RGB y HEX, porqué eso es lo que realmente vas a necesitar.
Atajos: Captura de pantalla
Windows: Tecla con el signo de Windows + Impr Pant. (+ info capturas Windows)
Mac: Mayúsculas + Comando + 4 (+ info capturas MAC)
Haz único tu blog - Queridos Lectores
22
5. Identificar los colores: códigos RGB y HEX
Los colores se pueden expresar de distintas formas y a través de varios sistemas en
el código HTML y CSS, que son los dos códigos que usamos cuando diseñamos un
blog.
Yo voy a hablaros del sistema RGB decimal y del sistema RGB hexadecimal, que son
de los más utilizados.
Es mucho más complejo de lo que parece pero yo voy a simplificarlo al máximo para
que podáis entenderlo sin más complicaciones y sobre todo os sea útil y aprendáis a
utilizarlo.
5.1 Sistema RGB decimal
El sistema RGB decimal es un modelo que identifica cada color con, de 6 a 9 cifras
que se dividen en 3 parejas o tríos. Los valores que pueden coger cada pareja o trío
van desde al 0 hasta el 225. Cada pareja o trío pertenece a una sigla R, G o B, que
significan red, green y blue (rojo, verde y azul en inglés) y determinan la cantidad de
cada color.
Paleta de ejemplo 1
Por ejemplo, en la imagen superior puedes ver una paleta hecha con Kuler.
Haz único tu blog - Queridos Lectores
23
Si te fijas en el amarillo, el código RGB digital es 225, 242, 45. Eso quiere decir que
tiene 225 de rojo, 242 de verde y 45 de azul.
Esto en HTML se expresa de la siguiente manera, rgb(225, 242, 45)
5.2 Sistema RGB hexadecimal
Pero en HTML el sistema más utilizado es el RGB hexadecimal. Para entender
correctamente su funcionamiento se necesita introducir un concepto matemático,
pero yo no lo voy a hacer, simplemente os lo voy a explicar de la manera más fácil
como he hecho con el RGB decimal, para que podáis utilizarlo y para que sepáis de
qué os hablan si aparece en diseño web, que aparecerá.
En este caso cada color está representado por un código, introducido por el signo
almohadilla (#) y formado por números del 1 al 9 y por letras de la A a la F.
Por ejemplo, el color amarillo en la paleta de Kuler anterior está identificado con el
código #FFF22D.
En Internet encontrarás distintas aplicaciones que te dan la posibilidad de
seleccionar un color y automáticamente te darán su código RGB hexadecimal. Eso es
muy útil si trabajas en diseño y es interesante que conozcas una de estas
aplicaciones y la tengas a mano.
Por último en este apartado quería decirte que hay algunos colores, los más
conocidos y usados, como por ejemplo el blanco o el negro, que además de con un
código también se pueden nombrar con su nombre corriente en ingles. En este
enlace encontrarás todos los nombres con el color al que corresponden y su código
HTML.
Haz único tu blog - Queridos Lectores
24
6. Resumen final
Y hasta aquí llega la guía. Me he guardado esta última hoja para haceros un breve
resumen de todo lo que he dicho para que luego lo podáis consultar más fácilmente
y os queden las ideas claras.
Es muy importante que escojas con delicadeza los colores para tu blog, porque te
harán ser único, forman parte de tu proyecto y son tu imagen virtual, con la que te
tienes que sentir identificado.
Para hacerlo, primero debes conocerte un poco a ti y a tu proyecto. Después debes
encontrar entre 1 y 2 colores principales, entre 1 y 2 colores secundarios y los
neutros que necesites para crear tu paleta. Con esto claro solo tienes que buscar
inspiración en sitios como la naturaleza, tú día a día o plataformas como Pinterest o
DesignSeeds. Puedes tardar desde unas horas a meses. No te preocupes.
Una vez lo tengas comprueba que el significado de tu combinación se ajusta más o
menos con el mensaje que quieres transmitir de tu marca.
Por último revisa que no te hayas dejado llevar por las modas y que te sientas
identificado.
Ahora ya no tienes más que ir a Kuler y siguiendo las indicaciones crear tu paleta
probando con las distintas combinaciones predeterminadas y aquella que tú tenías
en mente a ver si el resultado te convence. Aunque no tiene porqué ser definitivo,
seguro que evolucionará.
Para terminar guarda tu paleta. Puedes usar en diseño de blogs tanto el código RGB
decimal como el hexadecimal, aunque el último es el más común. Introducido por el
símbolo # y seguido de una combinación de 6 números y letras que determinan cada
color.
Haz único tu blog - Queridos Lectores
25
7. Si te ha gustado…
Espero que la guía te haya gustado y te haya sido muy útil.
Si te ha gustado no dudes en compartirla en las redes sociales o en tu blog. Si a ti te
ha ayudado seguramente también será útil para otros.
Para saber más sobre mí y mi trabajo me puedes encontrar en:
Facebook / Pinterest / Instagram / Blog / E-‐mail
Ya para terminar darte las gracias por haberte descargado y leído la guía y pedirte
que me mandes un mail para darme tu opinión sobre ella y/o para comentarme
posibles dudas que te hayan surgido y que te pueda solucionar.
¡Hasta la próxima!
Marta
26
Queridos Lectores
www.queridoslectores.es