web-dev-qa-db-fra.com

Essayer de trier la palette de couleurs par la chaleur

tout.

Mon entreprise souhaite utiliser nos propres styles internes pour nos cartes thermiques. Par conséquent, j'ai une liste de couleurs que je dois trier par la chaleur (j'ai des valeurs hexadécimales, rgb et hsl avec lesquelles travailler). Cependant, je n'arrive pas à trouver de calculateurs ou de trieurs de couleurs en ligne qui aideraient à trier les couleurs de cette manière particulière. Les couleurs dont j'ai besoin sont triées:

#FEB01E
#EEC847
#90AB06
#70AD47
#81BE67
#2BA9AA
#527B6A
#3F678C
#72327A
#525252
#5B9BD5
#F27863
#F6B5A4
#FFEBBD
#C74C2A

Image ajoutée pour voir les couleurs:

Colors to sort

Si quelqu'un a des idées, je suis ouvert à elles. J'ai essayé de les trier un peu par moi-même, mais je suis certain que ce n'est pas correct. Toute aide est appréciée!

1
lemonbars

Je recommande, si possible, de choisir seulement 2 ou 3 couleurs pour représenter vos points les plus froids, (éventuellement au milieu) et les plus chauds de votre valeurs et calculez le gradient entre elles en fonction du nombre d'étapes que vous souhaitez dans votre carte de chaleur.

De cette façon, vous pourrez afficher une échelle de couleurs qui se fond de manière fluide entre un sous-ensemble des couleurs de thème de votre entreprise. Ceci est important dans une carte thermique, car le gradient doit être évident pour donner un sens.

La perception des couleurs diffère, et les significations ou les poids que nous donnons aux couleurs varient (par exemple, bon nombre des couleurs que vous avez placées dans votre commande, j'aurais peut-être envisagé de placer d'autres endroits, et ce n'est ni bon ni mauvais). Cependant, si un gradient plus fluide est établi et que vous fournissez cette clé à côté de votre carte thermique indiquant ce qui est le plus froid et le plus chaud, une grande partie de cette ambiguïté peut être atténuée.

Par exemple, j'ai choisi trois des couleurs que vous avez fournies et j'ai créé une échelle à partir de celle qui devrait fournir plus immédiatement une sensation du plus froid au plus chaud, tout en restant dans le thème de votre entreprise.

Scale using three of the provided colors

2
maxathousand