Catálogos de Color para edición

Spread the love
  •  
  •  
  •  
  •   
  •  
  •  
  •  
  •  
  •  

Cuando te encuentras editando imágenes para una página Web, es común tener que igualar colores, o al menos obtener una aproximación de alguno en particular para poder implementarlos.

En este apartado te presento algunas opciones para trabajar con colores, ya sea a partir de conversores, patrones de color y cualquier herramienta que te permita encontrar el color exacto que requieres y su correspondiente conversión para poder utilizarlo en el desarrollo de tus páginas Web.

Encycolorpedia

Idioma: Español
URL: https://encycolorpedia.es/

Descripción: Una herramienta bastante completa para conocer los códigos hexadecimales de los colores, disponible en español y con múltiples herramientas para manipularlo. De lo más completo.

Observaciones: Te permite localizar colores por nombre, por código hexadecimal, incluso por selector. Además te ofrece catálogos de tonos y te ofrece la traducción en los esquemas más populares para que puedas utilizarlos directamente en diversas aplicaciones.

Encycolorpedia - Página de Inicio
Encycolorpedia – Página de Inicio

La herramienta te permite conocer los valores del color elegido en múltiples formatos: CiELab, CIELCHab, CIELuv, CMYK, HSL, RGB, ahorrándote tener que estar utilizando múltiples conversores de color.

Encyclopedia traduce en múltiples formatos los colores
Encyclopedia traduce en múltiples formatos los colores

Otra de las funcionalidades es que te muestra gradientes de colores base a partir de los colores buscados. de modo que te resultará más fácil encontrar la variante de azul rojo, o el color que quieras, a partir de una aproximación.

Encycolorpedia - Selección de color por gradiente
Encycolorpedia – Selección de color por gradiente

Color Picket

Idioma: Español
URL: https://imagecolorpicker.com/es/

Descripción: Como su nombre lo indica, te permite encontrar la definición de un color seleccionado un punto en una imagen. Como si realizaras una clonación.

Puedes subir una imagen y hacer clic en el color que requieras replicar, la selección se hace incluso a nivel de pixel utilizando una herramienta de ampliación que incorpora la página. Una vez seleccionado el punto de interés, obtendrás el color en formato: Hex, RGB, Hsl, Hwb, Cmyk y Ncol.

Definitivamente la principal fortaleza de esta página es que te permite obtener el color exacto en el pixel preciso que requieras. Tienes la opción de escribir la URL de la imagen que desees examinar o bien, la dirección de la página Web que contiene la imagen que te interesa.

Color Picker
Color Picker

Tabla de colores Pantone®

Idioma: Español
URL: https://www.logorapid.com/pantone

Descripción: Si requieres precisión en los colores, entonces debes basarte en los colores Pantone, es lo que te permite hacer esta página

Observaciones: Cuando se especifican los colores en el sistema Pantone, se usarán tintas directas, no composiciones de colores básicos – con esto se garantiza que el color será exactamente el que especifique el diseñador.

La página también te proporciona una guía básica de uso de las tablas Pantone®

Colores Pantone®

Códigos de Colores Transformice

Idioma: Español
URL: https://atelier801.com/topic?f=6&t=791285

Observaciones: Te presento una página que no te ofrece propiamente catálogos de colores ni opciones de transformación. Más bien es una galería de ratones con una multitud de variaciones en cuanto a colores. A mí en particular me sirvió para encontrar aproximaciones a tonos de piel.

Es curioso observar que por lo «socialmente correcto» resulta complicado encontrar tablas de colores de piel humana. Ésta es una opción que puedes utilizar como alternativa.

Transformice te permite aproximaciones a los tonos de piel humana... con ratones
Transformice te permite aproximaciones a los tonos de piel humana… con ratones

3W Schools Color Picker

Idioma: Español
URL: https://www.w3schools.com/colors/colors_cmyk.asp

Observaciones: Dejo para el final tal vez uno de los mejores recursos que te permiten implementar colores no solo en Web, sino además en una multitud de recursos. El nivel de detalle es más que notable, sin dunda una página que no debes olvidar si estás diseñando páginas Web.

La cantidad de tablas de colores que maneja esta página, no hace otra cosa que enseñarte que hay más de lo que uno sabe. Por si fuera poco, existen varios tutoriales relacionados con el tema de los colores, de modo que si te dedicas al diseño gráfico y web, tienes un recurso formativo invaluable.

No solo implementa catálogos de colores, además te permite experimentar con el código que te permite implementar los colores en código HTML, es decir puedes ver el código HTML que utilizarás para usar el color elegido, sin duda uno de los mejores recursos para trabajar con colores y su implementación en HTML

Color Picker de W3DSchools

Favicon.cc

Idioma: Español, otros
URL: https://www.favicon.cc/

Descripción: Otra de las actividades cotidianas al crear páginas web es la necesidad de generar los Favico, hay muchas herramientas, una de las más simples, sin complicaciones es Favicon.cc

Cumple lo que se require: permite generar favicon a partir de cualquier imagen, sin necesidad de complicarse con parámetros ni opciones, subes tu imagen, generas tu favicon, lo descargas, lo usas y listo.

Su gran fortaleza, aparte de su simplicidad, es que puedes editar tu favicon, a partir de la propuesta del sistema, antes de generarlo.

CEIPAM

favicon.io

Idioma: Inglés
URL: https://favicon.io/

Descripción: Otra excelente herramienta para crear favicons de forma simple, fácil y limpia. Creado por John Sorrentino esta herramienta te permite generar un favicon a partir de una imagen png, un texto, o un emoji.

La salida es limpia y ofrece 6 archivos más un manifiesto. Los archivos generados son:

  • android-chrome-192×192.png
  • android-chrome-512×512.png
  • apple-touch-icon.png
  • favicon-16×16.png
  • favicon-32×32.png
  • favicon.ico
  • site.webmanifest

Y te proporciona el código para que lo utilices en tus etiquetas <head></head>, y complementa el trabajo con unas breves explicaciones acerca de los archivos .ico

El mejor generador de favicons, según su autor
El mejor generador de favicons, según su autor

Por si fuera poco, el autor te ofrece el código de una variante de este sitio. ¡Vale la pena revisarlo!

Ethical Hack
Ethical hack

Fuente Imágenes:

Fuentes consultadas:

  • Elaboración propia
Catálogos de Color para edición de DNS by Roberto C. González is licensed under a Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional License.

Spread the love
  •  
  •  
  •  
  •   
  •  
  •  
  •  
  •  
  •  

Deja una respuesta