Sie sind auf Seite 1von 26

Haz nico tu blog - Queridos Lectores

HAZ NICO

TU BLOG

Encuentra los colores irresistibles


y marca la diferencia

Queridos Lectores


www.queridoslectores.es

1
Haz nico tu blog - Queridos Lectores

INDICE
1. Prlogo ............................................................................................................ 3
2. Introduccin .................................................................................................... 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. Conocindote a ti y a tu marca ................................................................. 8
3.2. Qu es una paleta y porqu es importante? ........................................... 9
3.3. Comienza la bsqueda: 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: cdigos 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




2
Haz nico tu blog - Queridos Lectores

1. Prlogo
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 ms importantes es la
creacin de tu marca/blog. Cuando lo hagas, estars creando una identidad virtual,
con unos colores, una tipografa y un estilo que har que tus posibles
clientes/lectores te recuerden o te olviden para siempre.

En esta gua me he centrado en los colores de tu marca/blog, y con ella aprenders:

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 ms
comunes en diseo 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 travs de la creacin de mi propio blog


con mis colores y diseo. Lo suficiente para poder explicarte como lo hice porque
creo que es muy importante seguir unos pasos y as evitars cometer los mismos
errores que yo. Adems te ahorrars el tiempo que yo perd al no saber qu pasos
seguir.




3
Haz nico tu blog - Queridos Lectores

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 gua. Tambin puedes mandarme un correo a queridoslectores@gmail.com

Y bien, vamos all?

Marta




4
Haz nico tu blog - Queridos Lectores

2. Introduccin
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 ms que un


hobbie lo convertimos en una marca?

O creamos una marca y entonces la apoyamos con un blog para acercarnos ms a


los posibles clientes?

Cada uno lo hace a su manera y en esta gua no voy a entrar en detalles sobre qu es
lo mejor, pero solo quera aclararlo, porque esta gua sirve para las dos situaciones.
Siempre necesitars unos colores y una paleta, ya que una vez inicias tu blog, aunque
sea como hobbie te ests creando una identidad virtual que tiene una imagen,
un nombre, unos colores y una tipografa 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 fcil. No puedes hacerlo cada dos por tres porqu cuesta mucho
trabajo que la gente reconozca una identidad as que irlo cambiando lo hace aun ms
complicado. Tambin 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 deberas cambiarlo a lo loco. Todo cambio tiene que ser meditado y valorado!

As que hay que tomarse muy en serio el momento en que diseas tu logo con sus
colores y sus tipografas, por eso considero importante escribir esta gua, para que
puedas crear una paleta con la que te sientas identificado y cmodo y que realmente
forme parte de tu identidad.

El e-book empieza por el que yo creo que es el primer paso, es decir ayudndote a
escoger los colores para tu marca, pero que igualmente te servir para escoger los



5
Haz nico tu blog - Queridos Lectores

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 ningn apartado, seguro que
de todos puedes aprender algo.

Una vez aclarado esto vamos al grano!




6
Haz nico tu blog - Queridos Lectores

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 gua, porqu es importante, pero despus de esto
supongo que ya lo tendris 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 diferenciarn del resto de marcas y te harn nico. Por eso es importante que no
copies a otra gente cuando escojas los colores, incluso si solo te ests inspirando en
ellos. Cuando menos se parezca a otros mejor!

Adems como parte de tu identidad virtual tambin son parte de nosotros, as que
tienes que sentirte identificado y cmodo con ellos. Cada vez que mires el logo de
tu blog tienes que pensar que hiciste una buena eleccin, que realmente esos
colores son los que te representan mejor.

Tambin 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 tambin 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 gua donde encontrars una hoja de ruta con los pasos para encontrar la
combinacin de tu marca.




7
Haz nico tu blog - Queridos Lectores

3. Elegir los colores para tu marca


Y aqu empieza la GRAN pregunta (y por fin la gua en s). No tengas prisa en
responderla, tmate tu tiempo para reflexionar bien y encontrar la respuesta
adecuada que quiz ser vlida en el momento que la respondas, pero casi seguro
que evolucionar.

3.1 Conocindote a ti y a tu marca

Este apartado no es ms 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 continuacin. Dedcale el
tiempo que necesites, respndelas varias veces en distintos momentos. Es una tarea
que puedes terminar tanto en 10 minutos como en un mes, y quiz la inspiracin te
venga cuando no ests pensando en el tema, as que no te agobies.


CONOCINDOTE 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 podras 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 difcil, a la que todos solemos responder: ni idea.




8
Haz nico tu blog - Queridos Lectores

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 saln

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 armona y
coherencia y que adems en tu blog pase lo mismo, sigue las pautas que vienen a
continuacin:

" Una paleta debe tener como mximo entre 4 y 5 colores para que la
combinacin no se convierta en un pupurri. Entre estos colores tienen que
haber unos principales, unos secundarios y otros neutros.
Est claro que adems de estos tambin utilizaras el blanco y el negro e
incluso algn gris o beige.
" Elige 1 color (o 2 como mximo) como principal, porque si escoges muchos
colores aunque se lleven bien entre ellos todos necesitarn su parte de
protagonismo y la cosa no funcionar.
" Elige 1 color (o 2 como mximo) 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 tambin realizara la funcin de color neutro sera reducir la
intensidad de uno de los colores principales.




9
Haz nico tu blog - Queridos Lectores

Paleta de mi blog Queridos Lectores 1

En la imagen de arriba tenis el ejemplo de mi propia paleta. Tengo dos colores


principales que son el lila y el verde ms fuertes, y dos colores secundarios que en mi
caso son ms claros que los principales, y que tambin realizan un poco la funcin de
colores neutros.

Adems podis 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 podras
poner un beige o un gris que fuera bien con tus colores.

3.3 Comienza la bsqueda: encuentra tus colores

Una vez sabes como son los colores que debes encontrar y cuantos necesitas,
adems de empezar a conocerte, a ti y a tu marca, por lo que a los colores se refiere,
tienes que empezar a buscar inspiracin 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 combinacin que tengas bastante clara.

Como ya he dicho, el objetivo de esta bsqueda, es encontrar los 2 o 3 colores


bsicos que formen tu paleta y decidir cuales sern los protagonistas y cuales los
secundarios. Aun no tienes que decidir el valor exacto, simplemente el color, si
verde, rojo, o el que sea.




10
Haz nico tu blog - Queridos Lectores

Te propongo algunos sitios para que busques ideas.

# La naturaleza es un muy buen lugar. Quiz as de repente te parece una


tontera 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 combinacin de colores anloga. Adems luego en mi logo
disee 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.


Paleta de ejemplo con un tigre 1

# El da a da tambin 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 fjate tambin en esos detalles y quiz encuentras una combinacin
con la que puedas trabajar.
# El crculo cromtico. Puede serte de gran ayuda, ya que en l existen
distintos tipos de combinaciones que siempre resultan armoniosas.




11
Haz nico tu blog - Queridos Lectores

Te explico. En el crculo cromtico encontramos distintas formas de combinar los


colores. Hay muchas pero yo te explico como formar las 3 ms comunes a
continuacin. Solo tienes que elegir un color e ir probando todas las combinaciones
posibles con l para ver si hay alguna que despierte tu inters.

Combinacin anloga

Consiste en combinar colores contiguos en el crculo cromtico. Un buen ejemplo de


esta combinacin sera el lila con el azul. Tambin se pueden combinar tres colores
anlogos, por ejemplo el amarillo, el naranja y el rojo.


Paleta con colores anlogos 1

Con este tipo de combinacin conseguirs armona y menos contraste.

Combinacin complementaria

Consiste en combinar dos colores opuestos en el crculo cromtico. Un buen


ejemplo de esta combinacin seran el verde con el rosa.




12
Haz nico tu blog - Queridos Lectores

Paleta con colores complementarios


Conseguirs una combinacin dinmica y con mucho contraste.

Trada

Una trada, como indica el nombre est formada por tres colores. Para crearla solo
hay que insertar (mentalmente) un triangulo rectngulo dentro del crculo cromtico
y, los colores que marquen las puntas del tringulo, sern los que formarn la
trada. Mirando la imagen de ejemplo se entiende fcilmente (piensa que las puntas
de tu tringulo coinciden con las redonditas que hay en el crculo de la imagen).

Paleta con una trada




13
Haz nico tu blog - Queridos Lectores

Por ejemplo, el verde, el naranja y el azul fuerte.

Ms tarde, el proceso de construccin de la paleta (pg. 19) ya vers que la


aplicacin que te ensear te da ms combinaciones predeterminadas que tambin
pueden serte tiles, como los tonos de un mismo color o la combinacin compuesta.

# Una buena herramienta online, tambin gratuita, que te propongo es


DesignSeeds. Es una pgina web donde se publican combinaciones de 5 o 6
colores a partir de una imagen. Adems puedes hacer una bsqueda para
encontrar combinaciones con un color determinado o de una temtica
especfica.

Ejemplo de paleta creada con DesigsSeeds

# 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 subindola. Ellos te dan 10 colores con sus correspondientes
cdigos. Kuler, la herramienta online que utilizaremos para crear la paleta
ms tarde, tiene tambin una aplicacin parecida que es casi mejor porque te
permite moverte por toda la imagen y decidir el tipo de colores que quieres




14
Haz nico tu blog - Queridos Lectores

que seleccione (lo us para crear la paleta de la imagen del tigre). Para usarla,
clica en el enlace y en la pgina de la aplicacin clica en la cmara situada en la
esquina derecha.
# Por ltimo, tambin puedes encontrar ideas en marcas o blogs. Pero siempre
ten en cuenta que puedes inspirarte pero no merece la pena utilizar la misma
combinacin que ellos, sino mostrars que no tienes personalidad y no estars
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 imgenes.

Despus de toda la bsqueda, 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 mximo los 3 colores que van a predominar en el blog.

3.4 Transmite con tus colores

A continuacin 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 tambin era un poco reacia a creer en esto pero por algo ser si la mayora 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 continuacin tienes los colores ms comunes con aquello
que significan y los sentimientos que transmiten.




15
Haz nico tu blog - Queridos Lectores

No tienes ms que comprobar que los que t has escogido concuerdan con aquellos
valores que habas definido en las preguntas iniciales. Y si no tienes aun claro algn
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 # Energa, pasin 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 alegra / Etsy y Blogger

Rosa # Feminidad, suavidad y comprensin / Barbie y Cosmopolitan

Marrn # Naturaleza, estabilidad y confianza / Louis Vuitton y Ups

Blanco # Pureza, limpieza y paz / Nike y Disney

Negro # Poder, sofisticacin y misterio / Sony y LOreal

Gris # Modernidad, innovacin y modestia / Apple y Wikipedia

Despus de comprobar que ms o menos la combinacin que tenas 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
sper clara tu combinacin y que no transmite los mensajes exactos yo no la




16
Haz nico tu blog - Queridos Lectores

cambiara. Simplemente tambin 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 continuacin para no
encontrar despus sorpresas desagradables.

" No te dejes llevar por las modas. No uses colores flor, o colores pastel
simplemente porque la gente los usa y estn 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,
tambin puede alargarse ms 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 deca anteriormente, sintete 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 nios puedes
escoger colores pastel, o una combinacin que sea colorida, pero nunca
elegirs colores oscuros, como el negro y el granate, porque nadie dira que
haces ropa para nios, as que piensa que colores espera la gente de tu marca.

Si has llegado hasta aqu pasando por todos los puntos ya tendrs una idea sobre la
combinacin suficientemente clara para poder comenzar a probar en una paleta.




17
Haz nico tu blog - Queridos Lectores

Si aun no ests decidido puedes volver a releerte el apartado anterior y dedicarle


todo el tiempo que necesites, porqu como ya te he dicho un montn de veces, es
un paso lo suficientemente importante como para tomrtelo con calma y darte el
tiempo necesario para encontrar los colores.

Si estas cansado de reflexionar tambin puedes lanzarte a la aventura con la paleta,


quiz as encuentres tu combinacin. Nunca se sabe!




18
Haz nico tu blog - Queridos Lectores

4. Organiza tus colores en una paleta


Una vez has escogido los colores que van a representar tu marca, organzalos en una
paleta. Hay muchas herramientas para hacerlo, pero yo voy a explicarte cmo
hacerlo con Kuler.

Es una herramienta que a m me ha funcionado muy bien. Adems de ser gratuita,


permite organizar los colores segn 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 sabrs qu es
y conocers su utilidad.

Antes de empezar completa esta ficha. As te ser ms fcil organizarte en Kuler.

TUS COLORES YA DEFINIDOS {Ejercicio 2}


Color principal (2 como mx.) #
Colores secundarios (2 como mx.) #
Colores neutros (2 como mx.)#
Tipo de combinacin #
Valores que transmiten #

4.1 Crea tu paleta

Ahora s, que s.

Ya puedes empezar ya con la creacin de la paleta. Ejercicio 2 en mano, con tu


combinacin que te representa, a ti y a tu marca delante podemos empezar a
definirla en el ordenador con forma de paleta.





19
Haz nico tu blog - Queridos Lectores

Ir al sitio

Empieza por ir a https://kuler.adobe.com/es/create/color-wheel/ donde


encontrars un crculo cromtico, 6 casillas y distintos tipos de combinacin, en la
esquina izquierda.

El funcionamiento de Kuler

El funcionamiento de la aplicacin es sencillo. Las casillas con sus colores se


corresponden con las lupas situadas en el crculo cromtico. Debajo de las casillas
encuentras el cdigo RGB y HEX del color que hay en ella.

Para nombrar a tu paleta, haz clic encima del lpicito azul situado donde pone Mi
tema de Kuler. Un ejemplo de nombre sera paleta-blog, algo que luego te permita
encontrarlo fcilmente.

Para editar los colores tienes dos maneras de hacerlo.

Desde el crculo, 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 tambin cambiaran, de acuerdo con la
combinacin que tengas seleccionada en el men situado arriba a la izquierda.

Entre las combinaciones disponibles estn las que te he explicado ms arriba (pag.
12-13) y algunas ms. Para cambiar la combinacin 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 opcin personalizados.

Si necesitas ampliar el crculo cromtico para ser ms preciso puedes hacerlo


clicando sobre l, y luego volver a hacerlo pequeo volviendo a clicar.




20
Haz nico tu blog - Queridos Lectores

Creando tu paleta

Simplemente hay que ir probando para encontrar los colores que se ajusten bien.

Por ejemplo, pongamos que habas pensado en una trada que combinara el azul, el
amarillo y el rojo. Primero selecciona la opcin trada en el men. Luego ajusta la
casilla central con el que habas pensado que sera tu color principal, y vers como
los otros cambian para formar la combinacin. Ves moviendo mientras pruebas y
valoras si te gusta o no. Cuando la opcin te limite demasiado selecciona la opcin
personalizados para as poder ser ms exacto y tener un abanico de colores ms
amplio entre los que escoger.

No tienes porqu utilizar todos los colores, puedes dejar casillas en blanco.

Adems tu primera paleta no tiene porqu ser definitiva, quiz cuando apliques tus
colores al blog veas que necesitas un verde ms clarito o un amarillo que tire ms a
naranja. O quiz debas eliminar un color principal o aadir uno neutro. Ya lo irs
viendo dependiendo de tu necesidades.

El guardado

Cuando ya tengas la paleta ms o menos acabada puedes guardarla. Para ello tienes
que clicar en el botn Guardar. Necesitars un ID de Adobe para iniciar sesin 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 cdigos 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: Maysculas + Comando + 4 (+ info capturas MAC)




21
Haz nico tu blog - Queridos Lectores

5. Identificar los colores: cdigos RGB y HEX


Los colores se pueden expresar de distintas formas y a travs de varios sistemas en
el cdigo HTML y CSS, que son los dos cdigos que usamos cuando diseamos un
blog.

Yo voy a hablaros del sistema RGB decimal y del sistema RGB hexadecimal, que son
de los ms utilizados.

Es mucho ms complejo de lo que parece pero yo voy a simplificarlo al mximo para


que podis entenderlo sin ms complicaciones y sobre todo os sea til y aprendis 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 tros. Los valores que pueden coger cada pareja o tro
van desde al 0 hasta el 225. Cada pareja o tro pertenece a una sigla R, G o B, que
significan red, green y blue (rojo, verde y azul en ingls) y determinan la cantidad de
cada color.

Paleta de ejemplo 1

Por ejemplo, en la imagen superior puedes ver una paleta hecha con Kuler.




22
Haz nico tu blog - Queridos Lectores

Si te fijas en el amarillo, el cdigo 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 ms utilizado es el RGB hexadecimal. Para entender


correctamente su funcionamiento se necesita introducir un concepto matemtico,
pero yo no lo voy a hacer, simplemente os lo voy a explicar de la manera ms fcil
como he hecho con el RGB decimal, para que podis utilizarlo y para que sepis de
qu os hablan si aparece en diseo web, que aparecer.

En este caso cada color est representado por un cdigo, introducido por el signo
almohadilla (#) y formado por nmeros 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
cdigo #FFF22D.

En Internet encontrars distintas aplicaciones que te dan la posibilidad de


seleccionar un color y automticamente te darn su cdigo RGB hexadecimal. Eso es
muy til si trabajas en diseo y es interesante que conozcas una de estas
aplicaciones y la tengas a mano.

Por ltimo en este apartado quera decirte que hay algunos colores, los ms
conocidos y usados, como por ejemplo el blanco o el negro, que adems de con un
cdigo tambin se pueden nombrar con su nombre corriente en ingles. En este
enlace encontrars todos los nombres con el color al que corresponden y su cdigo
HTML.





23
Haz nico tu blog - Queridos Lectores

6. Resumen final
Y hasta aqu llega la gua. Me he guardado esta ltima hoja para haceros un breve
resumen de todo lo que he dicho para que luego lo podis consultar ms fcilmente
y os queden las ideas claras.

Es muy importante que escojas con delicadeza los colores para tu blog, porque te
harn 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. Despus 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
inspiracin en sitios como la naturaleza, t da a da 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 combinacin se ajusta ms 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 ms que ir a Kuler y siguiendo las indicaciones crear tu paleta


probando con las distintas combinaciones predeterminadas y aquella que t tenas
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 diseo de blogs tanto el cdigo RGB
decimal como el hexadecimal, aunque el ltimo es el ms comn. Introducido por el
smbolo # y seguido de una combinacin de 6 nmeros y letras que determinan cada
color.




24
Haz nico tu blog - Queridos Lectores

7. Si te ha gustado
Espero que la gua 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 tambin ser til para otros.

Para saber ms 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 ledo la gua y pedirte
que me mandes un mail para darme tu opinin sobre ella y/o para comentarme
posibles dudas que te hayan surgido y que te pueda solucionar.

Hasta la prxima!

Marta




25

Queridos Lectores

www.queridoslectores.es


26

Das könnte Ihnen auch gefallen