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


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


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.


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


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


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!


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.


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.


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.


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


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


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


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


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


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.


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


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.


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!


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.


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.


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)


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.


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.


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.


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

Haz único tu blog - Queridos Lectores ! ! HAZ ÚNICO ! ! TU BLOG - … · 2019-12-16 · Haz...

Documents

Transcript of Haz único tu blog - Queridos Lectores ! ! HAZ ÚNICO ! ! TU BLOG - … · 2019-12-16 · Haz...