Herramientas para verificar el contraste de color en tu diseño web

En BLOG VECINDAD… encuentro un enlace a 10 colour contrast checking tools to improve the accessibility of your design de 456 Berea St. que nos muestra algunas herramientas en línea para verificar el contraste para que tu contenido se puede leer bien. El que exista un buen contraste entre el texto y el fondo, es uno de los elementos primordiales en la accesibilidad de una página

Buena recopilación de: esquemas, paletas y teorías sobre colores

En el blog SIGT.NET encuentro un buen directorio de Aviva que ha hecho una recopilación de artículos sobre el color (en inglés) que incluye herramientas, paletas, esquemas y la parte más teórica sobre los colores.

El color y sus nombres

Como siempre en BLOG VECINDAD…, encuentro buenos enlaces , en esta ocasión es a una aplicación en línea para crear colores y saber sus nombres. En algunos tutoriales, por ejemplo nos dicen que llenemos del color llamado Atlantis ¿y que color es ese? Entonces te conviene echarle un vistazo a este sitio Name that Color, y averiguar el código hexadecimal o el valor RGB, o bien construir cualquier color con la rueda de colores que incorpora.

Palette Generator, otro generador de paletas de colores

En KABYTES nos proporciona un enlace a el Palette Generator de BigHugeLabs. Muchas veces encontramos o creamos imágenes que nos gustan y queremos aplicarlas en nuestros sitios web, presentaciones artísticas o incluso una pared que combine con un cuadro. Esta es una herramienta muy útil para elegir los colores que mejor combinan.

Es muy fácil de usar, solo tenemos que subir la imagen y ya está. Obtenemos una paleta tonal y el código CSS para incluirlo en la hoja de estilos.

Se pueden obtener paletas de imágenes en Flickr o Photobucket, enlaces directos a imágenes en la web o directamente subirla desde su ordenador. Una cosa se que le puede faltar es que en la composición de la paleta no se encuentren otras opciones, como por ejemplo los complementarios que suelen ser útiles a la hora de elegir armonías.

• Mas información sobre el tema en: Recursos en línea sobre el color para diseñadores

Recursos en línea sobre el color para diseñadores

En A BLOG YOU CAN USE, tenemos una larga lista de recursos sobre el tema del color para diseñadores, los podemos encontrar en Online Color Resources for Designers y que transcribo a continuación:

Herramientas en línea del color:

• Color Tool 2.0.8 Alpha – Herramienta para generar y probar esquemas armoniosos de color.

• Palette Generato – Crea una gama de colores armoniosa del color a partir de una fotografía.

• Average Photo Color – Descarga una foto para encontrar su color medio.

• Colr Pickr – Fotografías mostradas de Flickr organizadas por el color dominante.

• Whats Its Color – Te da un esquema de color basado en una imagen descargada.

• Color Blindness Simulator – Comprueba las imágenes bajo diferentes tipos de valor cromático.

• Sherwin-Williams Color Visualizer – Para para explorar y combinar colores de la pintura.

• Colour Selector – Variedad de herramientas para crear y mezclarse, los colores que exploran.

• pic2color – A partir de la URL de una imagen, te dará un esquema de color.

• Color Wheel Calculator – Herramienta basada en Flash para explorar colores y sus armonías.

• Color conversion – Convertido entre los diferentes sistemas de color: RGB/CMYK/HSV/HSL/YUV/YIC

• colordb – Herramienta para encontrar colores y sus esquemas.

• Behr.com Explore Color – Gran herramienta para encontrar y coordinar los colores.

• Online Color Scheme Generator – Alternativa en línea al software más robusto de Color Schemer.

• 100 Random Colors – Herramienta en Ajax para la exploración del color.

• ColorToy 2 – Generador de esqumas del color en Flash.

• kuler – Crear y compartir los esquemas de color.

• GenoPal Online – Herramienta libre para encontrar esquemas de color armoniosos

• ColorJack: Sphere – Creador del esquema de color

• Color palette creator v1.6.1 – Generador del esquema de color

• ColorMixers – Herramienta basadas en los colores que se emplean en la Web

• ColorBlender – Para emparejar el color y creación de la gama de colores

• Web Color Combinations Testing Tool – Permite ver las diferentes combinaciones del color

• Color Palette Generator – Esquema de color a una fotografía.

• Color Palette Generator – Permite que generes una gama de colores de color de una foto o imagen.

• Color Scheme Generator 2 – Crear esquemas de color modificando las diferentes opciones.

• colr.org – Crear y compartir los colores, o generar un esquema de una imagen.

• EasyRGB – Crear las gamas de colores del color, o buscar las bibliotecas existentes del color.

• HTML Color Code Combination Chooser – Generador en línea del esquema de color.

• I Like Your Colors – Buscar automáticamente los esquemas de color de sitios Web.

• ColorJack: Studio – Herramienta Web para la generación de la gama de colores

Software para descargar:

• ColorPicker – Creación fácil de la gama de colores del color en Windows

• Color Schemer – Variedad de herramientas del software Color Schemer

• Anry Color Picker – Generador para la selección y armonía de color

• Pixie – Utilidad sencilla para seleccionar colores

• ColorImpact – Software de la creación del tema del color

• Pantone to RGB and CMYK – Permite la conversión de Pantone a CMYK y RGB

• ColorZilla Extension for Firefox – Extensión sencilla que permite la selección rápida de colores de la Web.

• ColourMod Colour Picker – Herramienta para manejar el color en el tablero del escritorio o de la Web.

• The Color Schemer – Software para visualizar la gama de color y sus mezclas.

Color Schemes:

• Screenalicio.us – Hojear los diseños de la Web por color, y ver los esquemas para cada sitio.

• Color Schemes (Standards for Life) – Esquemas de una variedad de fuentes

• Daily Color Scheme – Nuevos esquemas de colores diarios (hasta sept. de 2006).

• Kolur.com – Listado gamas de colores del color de sitios basados en imágenes y fotos.

• kuler – Crear y compartir los esquemas de color.

• Darkeye – Buscar diseños y las gamas de colores por colores individuales.

• Grammy Award Winning Album Colors – Esquemas de color a partir de las cubiertas del álbunes .

• Color palette predictions for the 2007 home – Esquemas de color del diseño de interior de Pantone.

Genopal online, para obtener esquemas de colores

En XYBERNETICOS encuentro a Genopal online, un servicio gratuito que nos genera automáticamente combinaciones de colores para nuestros proyectos. Nos permite acceder a combinaciones ya preestablecidas, y organizadas por categorías. En cada combinación podemos modificar los tonos, y personalizar el esquema de color a voluntad.

Colr, busca por colores

En el BLOG.PC-ACTUAL nos presenta a colr pick un buscador de fotografías de Flickr que tiene como único criterio el color. Así que si eres aficionado de la imagen y te gusta jugar con Photoshop creando montajes con texturas y capas esta herramienta va a complementarse a la perfección con tus conocimientos.

En la interfaz puedes elegir entre una gama de colores muy amplia, ya que el sistema te ofrece muchas posibilidades para elegir entre imágenes en un mismo tono de color. La oferta de texturas es impresionante.

Lista con 140 colores hexadecimales por su nombre

En BLOG VECINDAD… tenemos un enlace a otra lista, donde muestran los colores hexadecimales por nombre, se trata de 140 Named Colors.

The Sessions Color Calculator, herramienta para color

Con este post, ya me despido de WEBADICTOS donde descubro una herramienta muy buena para ayudarnos en el tema del color y sus diferentes combinaciones para encontrar la perfecta armonía entre ellos. Todo de manera gratuita y en linea lo encontramos en The Sessions Color Calculator. Está realizada en flash.

Color Hunter, a la caza de colores

En el blog XYBERNETICOS, tenemos una pequeña aplicaron online que cumple bien la funcionalidad para la cual fue desarrollada, se trata de Color Hunter, una especie de caza colores, que nos permite obtener en una imagen los valores hexadecimales de la misma, con las siguientes opciones:

• Solo tenemos que ingresar la url de la imagen online, y dejar que Color Hunter nos proporcione la gama de colores, que ha sido utilizada en la imagen.

• Otra opción, consiste en ingresar un Valor hexadecimal (#FFFFFF) y luego Color Hunter nos arrojara de su base de datos todas las imágenes y combinaciones que posea ese color que hemos ingresado.

• Y por último tenemos la opción de navegar mediante Tags, combinaciones de tonos que han sido guardas en un cierto tema, dependiendo de su imagen.

Obtener paleta de colores desde una imagen en Photoshop

En CRISTALAB encuentro un buen truco escrito por Sisco. Cuando queremos escoger un grupo de colores, un acorde cromático puede ser una tarea realmente difícil si somos muy meticulosos en ese aspecto importantísimo en el diseño. Un truco fácil consiste en escoger una fotografía que represente claramente aquello a lo que nos referimos.

Una vez tenemos la imagen, la abrimos en Photoshop. Trazamos un rectángulo con la herramienta selección, en la zona de la imagen donde se hallan los colores que queremos utilizar. Luego vamos al menú Filtro > Textura > Vidriera, y marcamos los siguientes parámetros:

• Tamaño de la celda: 36

• Anchura del borde: 5

• Iluminación: 0

Estos parámetros son en plan general, pero según la imagen se puede variar al gusto del diseñador, para tener más o menos matices.

Este es el resultado:

Con esta imagen de un atardecer, hemos creado una estupenda paleta de colores naturales de ese motivo.

Ayudas para encontrar los colores para tu web

En BLOGPOCKET nos muestra a Find the Perfect Colors for Your Website. Como elegir la gama de colores adecuada para el diseño de un sitio web es un asunto complicado. En este post podrán encontrar una amplia lista de enlaces con los mejores artículos y herramientas.

Ayudas para encontrar los colores para tu web

En BLOGPOCKET tenemos el siguiente enlace a Find the Perfect Colors for Your Website, donde tenemos un amplio listado (a los mejores artículos y herramientas) que nos será de gran ayuda para elegir la gama de colores adecuada para el diseño de un sitio web, ya que es un asunto algo complicado.

Listas de colores hexadecimales para diseño web

En BLOG VECINDAD…, otra lista de colores de ColourLovers. Muy interesante que está compuesta por tintas de cada color RGB.

Las especificaciones del HTML 3.2 identificaron dieciséis colores que se pueden utilizar por nombre para definir color en el HTML y el CSS. Pero se puede utilizar más de dieciséis colores en el HTML… así que no necesitas saberlos todos los tienes enumerados en el siguiente enlace Ultimate HTML Color HEX Code List.