¿Qué factores comparten estos colores?

Tomaré un tiro. No hay nada único en los colores que mostró: son similares en el sentido de que todos se encuentran en un rango pequeño de saturación y brillo, pero no tienen un tono o matiz similar y no están bajo ninguna armonía de color específica. (que yo sepa al menos)

Como experimento mental, tomaré los mismos colores que proporcionó y rotaré todos los valores de tono 45 grados.

Entonces, ahora tenemos colores que comparten la misma saturación y brillo que los anteriores, sin embargo, cambiamos el tono.

Como puede ver, técnicamente hay la misma cantidad de relación entre el primer y el segundo color, no se ajustan a una armonía de color particular y, para ser honesto, me siento tan incómodo diciendo que el primero está relacionado como diciendo que el segundo lo está. relacionado.

Es mejor crear a partir de armonías de color conocidas, como una armonía de color Tetrad. Estos también son más fáciles de cambiar programáticamente porque se basan en variaciones de tono compensadas entre los colores. En términos de generar un código hexadecimal, necesitaría crear un algoritmo que convierta los valores hsl en hexadecimales o simplemente usar hsl que son compatibles con CSS aunque tenga un problema con IE8 y versiones anteriores. (Hay polyfills que brindan soporte que se pueden encontrar con una búsqueda en Google)

Visualmente, todos los colores en su captura de pantalla parecen compartir un nivel de saturación y luminosidad bastante similar . No son exactamente lo mismo, pero están bastante cerca.

Una de las razones por las que eso no es necesariamente obvio desde el RGB o incluso la representación HSL / HSV de los colores es que incluso HSL / HSV es un espacio de color perceptualmente no uniforme: los colores que tienen el mismo valor de "luminosidad" HSL pueden tener valores muy diferentes. luminosidad aparente en función de su tonalidad, y viceversa.

El problema se ve agravado por el hecho de que los valores de color RGB sin procesar que tiene probablemente estén codificados con gamma , y ​​primero tendrían que convertirse a un espacio de color lineal antes de que pueda hacer cualquier colorimetría útil con ellos.

Si desea encontrar un color adicional que tenga una saturación y una luminosidad perceptivas similares a las de sus colores originales, básicamente tiene dos opciones:

1. Solo míralo. Comience con la representación simple de HSL/HSV, cambie el valor de tono a lo que desee y luego ajuste manualmente la luminosidad y la saturación hasta que se vea bien. Sospecho que esto es lo que hizo el diseñador original de la paleta.

2. Convierta los colores a un espacio de color perceptivamente uniforme como CIECAM02 (después de la decodificación gamma, si es necesario) y gire el tono en ese espacio de color. Esto debería dar resultados que requieran mucho menos ajuste manual, pero desafortunadamente requiere encontrar algún software que admita dicho modelo de color (o hacer las matemáticas bastante no triviales usted mismo).

Estos son los cambios de parámetro Hue en el sistema de color HSB

tu imagen con el ajuste Hue