¿Cómo seleccionar colores que coincidan entre sí?

No confundas "coincidir" con "armonizar". Hay una gran diferencia.

Estos colores no coinciden (no son iguales ). Sí armonizan . Para entender la diferencia y mi respuesta (¡a la que prometo que llegaré ! ), tenemos que desviarnos un poco de lo que es el color .

Una de las cosas más desafortunadas de describir el color es que los términos clave con significados técnicos también se usan de manera muy vaga, tanto en el habla común como en el mundo del diseño, por lo que es fácil confundirse. Me confundió muchísimo, érase una vez, así que no te sientas como si estuvieras solo.

Aquí va un boceto, una introducción muy abreviada al color, la ortografía británica y todo:

Voy a usar la palabra color de ahora en adelante con un significado muy específico: la sensación combinada que produce en el ojo la luz, reflejada desde un pigmento particular o directamente desde una fuente iluminada, percibida por un observador . Esa es una manera prolija de decir "lo que ves que llamas 'un color'". Es lo que queremos decir cuando decimos "rojo cereza" o "verde manzana" o su proveedor de pintura dice "eso es Booger Green, el último color de moda de Ipsum Studios". Uno pensaría que podríamos detenernos ahí, pero no es toda la historia. Como dicen en Facebook, "es complicado".

• El tono es la cualidad por la cual percibimos algo como "rojo" o "una especie de amarillo verdoso" o "chartreuse". En el habla común, la palabra "color" a menudo se sustituye por "tono" y viceversa, pero para un diseñador, un color comprende un tono y otras dos cualidades: saturación y valor .

• La saturación se refiere a qué tan "puro" o "intenso" es el tono en un color dado, producido en la pintura al agregar blanco, para dar "matices", o negro, para dar "matices" o "tonos". Cuando reduce la saturación de rojo agregando blanco, obtiene rosa. Agregar negro al rojo te da burdeos.

• El valor es la claridad u oscuridad relativa del color, independientemente del matiz y considerado por separado de la saturación. Un azul claro o un azul oscuro siguen siendo azules . Para la mayoría de los propósitos en el trabajo de diseño, Brillo es sinónimo de Valor.

Hay otras formas de describir técnicamente los colores, pero la que le doy aquí es la que encontrará más a menudo en el campo del diseño gráfico, y está integrada en Photoshop, Illustrator e InDesign, por lo que es fácil de manejar. -sobre la experiencia con él.

Tomemos un ejemplo específico. Abra el selector de color de Photoshop y en el campo H (tono) ingrese 56. Arrastre el pequeño círculo de color al extremo superior derecho del panel:

Llámalo "Amarillo puro" o "Ranúnculo" o como quieras. Este es un amarillo que está completamente saturado (no puede volverse más intenso) y tan brillante como puede ser. Observe que los campos S (saturación) y B (brillo) dicen "100%".

Haga clic en Aceptar, luego abra el selector de color nuevamente. Cambie el campo S al 50%. El tono no ha cambiado y sigue siendo tan brillante como puede ser; sólo ha cambiado la saturación. Nuestro botón de oro es ahora qué? -- Una prímula, tal vez. Haga S 100% nuevamente y ahora ingrese 50 en el campo B. Ahora tenemos un marrón. Tenemos un color diferente , pero el tono aún no ha cambiado y la intensidad o la saturación no se pueden aumentar. Juega un poco con esto. Familiarízate con él, porque es fundamental para entender la armonía del color.

Preguntabas por qué estos colores parecen ir juntos, para armonizar.

La armonía del color es un tema en sí mismo, uno que debe comprender como diseñador. (Podría llamarse mejor armonía de tonos , porque se trata más del tono que del color). En este caso, hay dos pares de tonos complementarios , llamados así porque coinciden en lados opuestos de la rueda de colores . Esta instancia particular se conoce como armonía tetradica o "cuadrada", porque los cuatro tonos elegidos están espaciados uniformemente en la rueda, produciendo una "armonía doble".

Si usas el cuentagotas de Photoshop en estos colores, verás que ninguno de ellos está completamente saturado. Desaturar un color puede ayudar a que los colores que normalmente chocarían (serían demasiado contrastantes para la comodidad) a coexistir más pacíficamente. En este caso, el uso de colores con una saturación y un valor muy similares también ayuda a armonizarlos. Si desatura la imagen por completo -- Ctl/Cmd-Shift-U, verá lo que quiero decir.

Epílogo:

Esto ha sido un poco largo, pero no hubiera sentido que te había dado una respuesta sin cubrir todos los antecedentes necesarios. Espero que no te hayas aburrido demasiado, de todos modos.

Le recomiendo que se suscriba a la revista " Antes y después " de John McWade, pero en cualquier caso, descargue inmediatamente su rueda de colores en PDF para utilizarla en su trabajo.

Una vez que tenga una comprensión básica de cómo funciona la rueda de colores y un sentido de la teoría básica del color, encontrará recursos como Kuler mucho más útiles.

Simplemente use el selector de color en una aplicación como Photoshop. Configure el cuadro de diálogo para usar la opción H o Tono y encuentre un color inicial. Luego, para obtener un color de valor similar, mueva el control deslizante hacia arriba y hacia abajo en la barra de colores. Esto mantendrá la saturación y el brillo iguales, y solo cambiará el valor de Tono. No mueva el círculo en el panel de color grande.

También hay otros lugares para jugar con el color como Color Lovers o Adobe's Kuler.