¿Existe un buen recurso o herramienta para ayudar a construir una paleta / combinación de colores alrededor de los colores que selecciono?


65

No importa cuán agradable sea la composición, el flujo y las líneas de mi diseño, si no estoy copiando directamente de la naturaleza, me resulta muy difícil elegir un esquema de color decente. O se ve demasiado monótono o demasiado estridente.

¿Existe un buen recurso que me ayudará a elegir un esquema de color que tenga 2 o 3 colores y que los colores no entren en conflicto?

No estoy buscando colores o esquemas de colores específicos. Lo que necesito es un recurso que me ayude a elegir un color (o colores) que combinen bien o proporcionen un buen acento a cualquier color principal con el que esté trabajando en el diseño.


2
¿Has probado Agave, disponible en los repositorios Debian / Ubuntu? Lo uso para esto todo el tiempo.
ixtmixilix

Respuestas:


50

Una herramienta útil es Paletton (anteriormente conocido como Diseñador de esquemas de color):

Usted especifica un color inicial y un tipo de combinación de colores y generará una paleta para usted y le permitirá modificar esa paleta.

Lo bueno de esta herramienta es que puedes ver cómo elige los otros colores según el color que selecciones. También hay una herramienta para simular cómo se verían esos colores con diferentes tipos de daltonismo.


Hay muchos otros , muchos de los cuales me gustan más que Paletton
Zach Saucier

24

Debe leer sobre un buen libro de teoría del color para comprender al menos el principio general, por ejemplo, sobre qué es el color primario y secundario, los colores complementarios, etc. De lo contrario, no obtendrá la importancia de algunas opciones de paleta que hará. .

En la web, mi favorito en este momento es: Kuler de Adobe , también solía usar http://colorschemedesigner.com/ ya mencionado.

Sugiero tener una lectura rápida sobre CONTRASTE SIMULTÁNEO Y SUCESIVO donde la asociación del color hace sentir que un color en un fondo diferente se ve diferente.

Incluso si no me preguntaste, te sugiero que tengas a mano para verificar que los colores del sitio web tengan un buen contraste de legibilidad. Utilizo esto: http://graybit.com/main.php


1
Para obtener más información sobre la teoría del color, consulte esta pregunta anterior de stackexchange: graphicdesign.stackexchange.com/questions/2/…
JamesHenare

Adobe Kuler ( color.adobe.com/create/color-wheel ) también es mi favorito por el momento, principalmente porque la interfaz es agradable de usar. Por lo general, no juzgo las herramientas en función de la apariencia, pero cuando tiene todas las características que los demás hacen y se integra con los productos de Adobe (mi software de diseño de elección), también puede optar por la bonita.

18

Hay muchos por ahí, pero aquí están algunos de mis generadores favoritos. La mayoría de los listados le permiten ingresar su propio color como usted especificó.

También hay algunos sitios que le ofrecen paletas prefabricadas, incluidas las de marcas populares

También hay algunos sitios que ofrecen combinaciones de gradiente de las que puede obtener los códigos de color:

O puede dejar que AI elija algunos colores para usted usando AI Color Wheel .

Si aún no puede encontrar una paleta de colores de alguna manera, este repositorio tiene algunos recursos adicionales.


También me gusta mirar el cuadro a continuación (extraído de aquí al considerar qué colores mezclar (generalmente en la parte superior de los gradientes de arriba) para obtener el mejor contraste:

colores contrastados entre sí



7

Primero y principal: familiarícese con el modelo de color HSB . HSB define un color por:

  • Tono : tipo de color, como en: elige uno de un arcoíris, en grados;
  • Saturación : inversa de la cantidad de blanco agregado, en porcentaje;
  • Brillo : inverso de la cantidad de negro agregado, en porcentaje.

Una buena regla general sería probar los colores de la marca existente y determinar su valor de tono. Al principio, mantén esos valores H y comienza a variar los valores S y B. Esto crea colores que armonizan bien con los colores existentes casi por definición.

Si realmente necesita un color contrastante y la única forma es usar un valor H diferente, intente primero determinar cómo se relacionan los valores H de los colores existentes. Luego puede construir sobre esa relación para crear nuevos tonos.

¿Los dos colores están separados 180 °? Entonces es posible que desee agregar 90 ° a cualquiera de ellos para crear un tercer tono para trabajar. ¿Están separados 40 °? Agregue 40 ° a uno de los valores de color o reste 40 ° del otro para obtener una configuración de color analógica . O bien, tome el promedio de los dos valores de H y luego invierta el resultado (sumar o restar 180 °, lo que le dé un número positivo menor que 360) para crear una configuración de color complementario dividido .

Luego comience a jugar con los nuevos valores de S y B del tono.

No olvide dar un paso atrás y ajustar el valor H que calculó cuando el resultado no está a la altura de sus expectativas. Los valores de H calculados exactamente son excelentes, pero son solo una herramienta: no dude en editar las cosas un poco para que se vea mejor estéticamente.


6

He encontrado colourlovers.com un recurso muy útil para construir esquemas de color. Pero si desea tener una mejor idea de utilizar el contraste y la armonía como herramienta para mejorar su diseño, debe leer la teoría del color. Personalmente me gustaron los Principios de diseño de color de Wucious Wung y la Interacción de color de Josef Albers


¡Interaction of Color es una cartilla fantástica! Intento leerlo de vez en cuando para repasar mi teoría del color.
vestidos de civil el


4

Por lo general, uso el selector de color para elegir colores directamente de las imágenes con las que estoy trabajando. De esa manera, estoy seguro de que los colores coincidirán. Es fácil y rápido cuando no tienes mucho tiempo para poner tu proyecto.




2

Una herramienta increíble para crear paletas de colores, que creo que es una joya escondida, es Adobe Capture CC. Lo descubrí mientras veía un evento de transmisión en vivo de Adobe.

Es una aplicación gratuita, disponible para iOS y Android que genera automáticamente la paleta de colores de una foto que toma con su cámara.

Si sale a caminar por el parque, visita un museo o simplemente se topa con una vista cromáticamente impresionante, puede obtener esa paleta de colores en cuestión de minutos.

La aplicación también te da la posibilidad de convertir un boceto en papel directamente en un vector. Lo dibujas en papel, lo fotografias y listo. No más importar imágenes y trazar con la herramienta de lápiz.

¡Animo a todos a echarle un vistazo!


1

Algunos recursos que he encontrado útiles se enumeran a continuación al elegir colores.

  • AI con Colormind: herramienta que usa AI y una gran muestra de diseños / ilustraciones / impresiones "buenas" para generar combinaciones de colores. También es posible suministrar sus propios colores y generar colores complementarios. http://colormind.io/

  • Reglas estructuradas: muchas otras buenas respuestas sobre HSB y otros enfoques / teorías. Esta página lo apuñala con reglas claras sobre cómo hacerlo y con buenos resultados. https://tallys.github.io/color-theory/


0

Sugeriría consultar http://colorsupplyyy.com. ¡ Es una buena herramienta para generar color y utiliza paletas de colores de los mejores diseñadores del mundo!


Hola Mason, gracias por tu aporte y bienvenido a GD.SE. Lamento decirte que tu respuesta atrajo algunas banderas de spam. Hemos estado bajo una verdadera avalancha de spam y la comunidad está tomando medidas enérgicas contra todo lo que remotamente se parece. Si pudieras explicar un poco más por qué te gusta esta herramienta y dejar muy claro que no estás afiliado a ella, tu publicación mejoraría mucho. ¡Gracias por el esfuerzo! Si tiene alguna pregunta sobre el sitio, eche un vistazo al centro de ayuda . ¡Sigue contribuyendo y disfruta del sitio!
Vincent

0

Definitivamente sugeriría ColorPK

Se carga más rápido y limpio para mí,

y también podría extraer color de la imagen ingrese la descripción de la imagen aquí

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.