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

Al observar los colores en este logotipo, está claro que los colores coinciden entre sí.

¿Cómo encuentro un naranja y un púrpura que coincidan con el mismo esquema de color?

¿Supongo que el color en la 'R' es amarillo?

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 Hue y busque un color inicial. Luego, para obtener un color de valor similar, mueva el control deslizante hacia arriba y hacia abajo en la barra de color. 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 colores como Color Lovers o Adobe's Kuler

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

Estos colores no coinciden (no son lo mismo ). Ellos armonizan . Para entender la diferencia, y mi respuesta (que prometo que voy a llegar!), Tenemos que tomar un pequeño desvío en qué color es .

Una de las cosas más desafortunadas sobre la descripción del color es que los términos clave con significados técnicos también se usan muy libremente, tanto en el habla común como en el mundo del diseño, por lo que es fácil confundirse. Me confundió muchísimo, una vez, así que no sientas que estás 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 producida en el ojo por la luz, reflejada por un pigmento particular o directamente de una fuente iluminada, percibida por un observador . Esa es una forma larga 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 "ese es Booger Green, el último color de moda de Ipsum Studios". Se podría pensar que podríamos parar allí, pero no es toda la historia. Como dicen en Facebook, "es complicado".

• La tonalidad 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 cuán "puro" o "intenso" es el tono en un color dado, producido en la pintura al agregar blanco, para dar "tintes", o negro, para dar "sombras" o "tonos". Cuando reduce la saturación del rojo agregando blanco, obtiene rosa. Agregar negro a rojo te hace borgoña.

• El valor es la relativa claridad u oscuridad del color, independiente del tono 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.

Existen otras formas de describir técnicamente los colores, pero la que te doy aquí es la que encontrarás con más frecuencia en el campo del diseño gráfico, y está integrada en Photoshop, Illustrator e InDesign para que sea fácil tenerlas en cuenta. -en la experiencia con eso.

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

Llama a esto "Amarillo puro" o "Buttercup" o lo que quieras. Este es un amarillo que está completamente saturado (no puede volverse más intenso) y tan brillante como puede llegar. Observe que los campos S (saturación) y B (brillo) dicen "100%".

Haga clic en Aceptar, luego abra el selector de color nuevamente. Cambia el campo S al 50%. El tono no ha cambiado, y sigue siendo tan brillante como puede ser; solo la Saturación ha cambiado. ¿Nuestro ranúnculo es ahora qué? - Una primavera, 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 comprender la armonía del color.

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

La armonía del color es un tema en sí mismo, uno que debes entender como diseñador. (Podría llamarse mejor armonía del tono , 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 . Este caso particular se conoce como armonía tetradical o "cuadrada", porque los cuatro tonos elegidos están espaciados uniformemente en la rueda, produciendo una "doble armonía".

Si usa el cuentagotas de Photoshop en estos colores, verá que ninguno de ellos está completamente saturado. Desaturar un color puede ayudar a que los colores que normalmente chocan (sean demasiado contrastantes para la comodidad) coexistan de manera más pacífica. En este caso, usar colores con una saturación y un valor muy similares también les ayuda a armonizarse. Si desatura la imagen por completo: Ctl / Cmd-Shift-U, verás lo que quiero decir.

Epílogo:

Esto ha sido un poco largo, pero no habría sentido que te hubiera dado una respuesta sin cubrir todos los antecedentes necesarios. Espero que no estuvieras demasiado aburrido, 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 color PDF para usar en su trabajo.

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