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í.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

¡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 ...

¡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 ...

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 ...

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 tutorial blogger blogger

Hola,hola... Bonito, bendecido y extraordinario inicio de semana hoy es Lunes de tutorial blogger, hace pocos meses vi que en algunos blogs tenían su logo y una cajita con el código en HTML por si uno deseaba enlazar su sitio web al nuestro. Por dias estuve piense y piense como rayos la habían colocado ahí ya que me interesaba colocar una en mi blog (Aunque nadie me haga promoción a mi jajaja!), ...

general adorables blogger ...

¡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 ...

Diseño para Blogs Uncategorized código ...

Los mejores trucos HTML para tu blog que no te puedes perder Hay cosas que sólo las podemos hacer mediante código html y conviene saber algunos trucos que te ayuden a mejorar tu blog ya sea en blogger o wordpress. En este post hay algunos trucos html para que puedas controlar un poco más tu diseño y hacer cosas a mano que vas a necesitar para tus post , además así si no has usado nunca código te v ...

Código html Código web Programación Web ...

Es muy sencillo hacer un menú de navegación utilizando para ello un campo de formulario despegable y un botón para confirmar la selección. Código para hacer un menú de navegación. Para crear un menú de este tipo se debe utilizar el siguiente código HTML en el lugar concreto donde queramos situarlo dentro de la página: <form> <SELECT NAME=”urldestino”> <option selected&g ...

email Noticias ecommerce ...

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 ...

html

# VisualStudioCode #editorhtml #editarcodigo Si te gusta mi contenido te invito a suscribirte en el siguiente enlace: http://www.youtube.com/subscription_center?add_user=javizame En este video te voy a enseñar a descargar, instalar y configurar visual studio code como un profesional para ya empezar a trabajar con el mejor editor de código html ==================TE INVITO A VISITAR ESTOS CURSOS REC ...

HTML: Nivel A1

Si sigues por aquí es porque todavía tengo oportunidad de hacer que te guste el mundo del diseño web, por ello hoy vamos a dedicar la entrada a ver los errores de principiante en HTML5, el idioma que pone la estructura de nuestra web. El lenguaje HTML fue creado por Tim Berners Lee, el padre de la web. Este lenguaje permite que los archivos que dan estructura a una web estén formados únicamente de ...

general desde0

Conceptos previos para los no iniciados en informática o programación. Muchas veces has escuchado cierta terminología de programación web que cuando llega a tus oídos inmediatamente despierta una curiosidad por "qué es" o "cómo funcionará" eso que han dicho y tantas veces he oído. A continuación repasamos sin entrar en profundos detalles técnicos y buscando facilitar la compres ...

Color Diseño

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 ...

tutoriales internet

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 ...