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

Banner con código HTML para que enlacen tu blog.

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

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

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

Código para hacer un menú de navegación

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

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

HTML: Nivel A1

Errores HTML de principiantes.

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

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

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

Cómo Funciona

¿Por qué las impresoras utilizan tinta CMYK en lugar de RGB?

Los monitores usan RGB para mostrar imágenes, las impresoras usan CMYK. ¿Por qué hay una diferencia entre los dos y por qué es importante? ¿Cuál es la diferencia entre CMYK y RGB? CMYK y RGB son dos formas diferentes de representar colores combinando un conjunto de colores fundamentales. Las letras del nombre representan los colores mezclados para crear más colores. CMYK significa cian, magenta, ...

propuestas

Cómo personalizar Google Chrome con los colores de tu web

Google ha incorporado interesantes novedades para la presentación de nuestras Webs y Blogs en su navegador Chrome para móviles y tabletas. Podemos cambiar el color de todo el navegador para móviles y adaptarlo a la presentación de nuestra web, dándole un toque mucho más fresco e innovador. En general estos cambios dotan de una presentación mucho más profesional a nuestros contenidos para vestirlos ...

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