Velvet Cat Idea guardada 4 veces
La valoración media de 4 personas es: Muy buena

Conseguir el código de color HTML de las paletas de colores

¡Hola hola, jueves!

Cuando hace un par de semanas hice una recopilación de paletas de colores muy chulas me preguntaron cómo se utilizaban los colores de estas paletas. Yo, que manejo para todo el Photoshop, lo tengo muy fácil para conseguir el código de color, pero como se que no todas contáis con esta herramienta hoy os voy a enseñar una forma sencilla para obtener estos códigos con Paint.

Partimos de que Paint nos da siempre el código de color en formato RGB, que son tres parámetros (el rojo, el verde y el azul) que, unidos, forman una determinada tonalidad de color.

El problema es que a la hora de trabajar en páginas web, que utilizan el lenguaje HTML, hay que convertir este código de color RGB a otro, el código de color HTML, que es el que utilizáis (aunque sea sin ser conscientes de ello) para, por ejemplo, modificar los colores de la plantilla de Blogger.

Un ejemplo de código de color HTML sería #000000 (el color negro) o #FFFFFF (el color blanco).

Para convertir el color RGB que nos da Paint al código de color HTML utilizaremos está web, en la que no hay más que pegar el código de Paint para que nos salga automáticamente el código que necesitamos.

El paso a paso de todo el proceso lo tenéis a continuación:

Conseguir el código de color HTML


Conseguir el código de color HTML


Conseguir el código de color HTML


Conseguir el código de color HTML


Ese código headecimal o HTML, señoras y señores, es el que nos va a servir para los colores de la plantilla del blog, colorear un dibujo en un programa de ilustración e infinidad de cosas más.

Suponiendo que queramos utilizar la paleta en el diseño del blog, cuando entremos al editor de la plantilla de Blogger y estemos eligiendo los colores de los enlaces, el texto, el fondo, y todo eso, al lado de cada color nos aparece una cajita con su código y es ahí donde debemos poner el código que queramos.

Ahora que ya está todo sabido, ¡a utilizar paletas se ha dicho! Que son cuquis cuquis y quedan de maravilla en todos lados (:
Espero que os haya sido útil el tuto de hoy... ¡ y que tengáis un chachi-día!
Fuente: este post proviene de Velvet Cat, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

TODAY: Repaso de propósitos

¡Buenos miércoles! Antes de nada, muchísimas gracias por todas las ideas, consejos y apoyo que me dejasteis tras el último post. Ya he tomado una decisión: me voy a lanzar con un blog nuevo... si func ...

Belfast en dos días: Día 2

¡Buenos días de lunes!Otra semana más que empieza de ruta por Belfast. La semana pasada tuvimos la primera parte de Belfast en dos días y hoy terminamos la excursión dando un paseo por el castillo de ...

Proyecto de la A a la Z: R de río

El proyecto de la A a la Z va ya por la r y esta letra va dedicada a algo que siempre me ha encantado: el río. En casi todas las ciudades o pueblos el lugar por donde pasa el río es un sitio especial ...

Belfast en dos días: Día 1

A finales del mes de octubre mi hermana vino a verme a Belfast. Antes de que viniera ya pensé en hacer un post tipo "Belfast en dos días" (ya que ella se iba a quedar solamente un fin de sem ...

Recomendamos

Relacionado

general adorables blogger ...

Adorables paletas de colores

¡Buenos días, jueves! ¿Cómo va la semana? Por aquí muy ocupada, he pensado algún pequeño cambio en el blog después de que muchas me recomendarais pillarme un dominio propio en el post de los consejos para elegir un buen nombre, ¡pero es que no me da la vida! Estoy hasta arriba de trabajo en la universidad y apenas tengo tiempo para hacer dibujitos monos o ponerme en serio con esos "pequeños c ...

internet blog blogger para dummies ...

Tutorial Blogger Dummies: La Plantilla HTML

Para no tener ni idea de cómo hacer un blog de blogger cuando empezamos esta serie de tutoriales, tu blog no está nada mal ¿no crees? Limpio, profesional, cuidado... si has seguido todos los pasos que hemos ido viendo, puedes estar muy satisfecha del trabajo y horas invertidas en poner tu blog bien bonito tu sola. Puedes repasar lo que llevamos visto aquí: VISTO HASTA AHORA: Presentación. Tu Idea. ...

email Noticias ecommerce ...

4 Ventajas del HTML en el Email Marketing

Los mensajes de Email-Marketing nos llegan de dos formas diferentes; En HTML y en texto sin formato. Saber en que se diferencia y la ventaja de cada uno, puede significar una mejora significativa en la comunicación con nuestros clientes. Un email en HTML, es lo que normalmente se utiliza en empresas y organizaciones. Contienen imágenes, colores, formatos, y a menudo comienzan con una plantilla de ...

BLOG diseño gráfico emprendedores ...

25 Paletas de Color para buscar inspiración

Los colores transmiten emociones y sensaciones a quién los ve. Hace mucho tiempo, casi al inicio del blog, cuándo mi objetivo era diseñar imprimibles, escribí una entrada introductoria a la Psicología del Color, una ciencia que me apasiona. Leer entrada Psicología del Color A la hora de escoger los colores para tu blog, necesitas conocer muy bien a tu lectora ideal, aquella para la que escribes y ...

Color Diseño

Crear paleta de colores mediante una fotografía de referencia

Cuando trabajamos en nuestros proyectos, es normal que utilicemos imágenes de referencia e inspiración. Muchas veces creamos ambientes eligiendo paletas de colores, para facilitar todo este trabajo la aplicación web que recomendamos en este post nos crea automáticamente la paleta de colores de una imagen que nos guste. Anteriormente en el blog hemos hablado de aplicaciones web ideales para elegir ...

general diseño web hazmeweb

El color, la tipografía y las imágenes en el Diseño Web

Casi todo el contenido de la web es el texto y las imágenes, por lo que estos son una parte fundamental de tu ella. Vamos a ver unos claves sencillas para mantener la estética y la usabilidad en tu web. El color de la web El color va a ser una de las partes que defina tu web, quizá la que mas impacto tiene a primera vista sobre el navegante. El color lo vamos utilizar como una herramienta para ca ...

Linux

3 herramientas gratuitas de selección de colores para escritorios Linux

Los selectores de color son herramientas que le ayudan a identificar y seleccionar colores de su escritorio. Esto es muy útil cuando se hace edición de imágenes, trabajo de desarrollo web u otros esfuerzos creativos. Hay varias maneras de elegir colores en el escritorio Linux, pero le mostraremos tres herramientas específicas que harán el trabajo por usted de una manera eficiente. 1. GPick GPick e ...

general diseño web hazmeweb

El color, la tipografía y las imágenes en el Diseño Web

Casi todo el contenido de la web es el texto y las imágenes, por lo que estos son una parte fundamental de tu ella. Vamos a ver unos claves sencillas para mantener la estética y la usabilidad en tu web. El color de la web El color va a ser una de las partes que defina tu web, quizá la que mas impacto tiene a primera vista sobre el navegante. El color lo vamos utilizar como una herramienta para ca ...

tutoriales internet

PONERLE COLOR AL TEXTO EN BLOGGER

Si desea escribir un texto con determinado color y fondo en la pestaña html de blogger, sólo debe saber que hay unas etiquetas que van delante y después del texto. Ejemplo 1 <span ><span ><b>Aquí va el texto</b></span></span> Aquí va el texto Donde color: yellow es el color amarillo del texto Donde "background-color: white;" es el fondo de color blanco ...

FOTOGRAFÍA TUTORIALES editor de fotos profesional

Cómo mejorar el color de una foto en Photoshop

El color en las fotografías es un elemento que marca la diferencia entre una buena y una mala instantánea. Por eso, vamos a ver algunas formas en las que podemos corregir el color en Photoshop. Con unos sencillos pasos podemos conseguir resultados realmente brillantes. Pero antes de retocar el color de una imagen en Photoshop deberíamos conocer los diferentes formatos de color existentes. No es lo ...