Derivar la paleta de colores a partir de un conjunto de colores dado

Tengo un conjunto de colores en una página web donde un color es el principal:

#864062 <-- main color
#853f61
#925071
#541c38
#64304A
#eac9d7

Ahora me gustaría derivar un esquema de color similar para cualquier color principal arbitrario.

Mi idea era:

  1. Convierte todos los colores a notación decimal (r, g, b)
  2. Calcule la proporción de componentes individuales para cada otro color y color principal
  3. Utilice estas tasas como matriz de conversión para cualquier otro color principal.

Para mi ejemplo, rgb de colores individuales es:

134  64  98
133  63  97
146  80 113
84   28  56
100  48  74
234 201 215

Proporción de cada componente (otro color/color principal):

0.99 0.98 0.99
1.09 1.25 1.15
0.63 0.44 0.57
0.75 0.75 0.76
1.75 3.14 2.19

Ahora, para cualquier color principal nuevo, puedo calcular todos los demás colores:

100 100 100 <-- new main color
 99  98  99
109 125 115
 63  44  57
 75  75  76
175 255 219 (max is 255, cannot have 314)

Mi pregunta es si esta forma de cálculo tiene algún sentido, ya que nunca antes había hecho matemáticas con colores.

Echa un vistazo a Adobe Kuler . Puede establecer un color base y colores secundarios allí, y luego rotar/cambiar el color base con los otros colores siguiendo el ejemplo.
Si está usando esto en una página web, le sugiero que primero eche un vistazo al código de otra persona para tratar de entender sus matemáticas. Eche un vistazo aquí: github.com/c0bra/color-scheme-js (desplácese hacia abajo) y explica lo que están haciendo
Estoy de acuerdo con Vincent, Adobr Kuler trabaja para mí y te da una variedad de códigos.

Respuestas (1)

En mi opinión, RGB es difícil de usar para los cálculos de color. Es mucho más fácil crear esquemas de color en el espacio de color HSL.

H = Hue,
S = Saturation,
L = Lightness

Los colores se dividen en esos tres valores. Ella es un ejemplo para sus colores en HSL:

H     S    L
331°, 35%, 39%
331°, 36%, 38%
330°, 29%, 44%
330°, 50%, 22%
330°, 35%, 29%
335°, 44%, 85%

Puede ver que el tono es casi el mismo para todos los colores. Por lo tanto, puede comenzar con una base de tono 330°y ajustar la saturación y la luminosidad a su gusto.

Ahora, si desea aplicar este esquema a un color verdoso, puede cambiar el valor del matiz 112°y obtener un esquema de color verde apropiado.

Derivar la paleta de colores a partir de un conjunto de colores dado
RespuestasAquíPolítica de privacidad1y, 0v