web-dev-qa-db-ja.com

熱でカラーパレットを並べ替えようとしています

すべて。

私の会社では、ヒートマップに独自の内部スタイルを使用したいと考えています。したがって、熱でソートする必要のある色のリストがあります(使用する16進数、rgb、およびhslの値があります)。ただし、この特定の方法で色を並べ替えるのに役立つオンラインの色計算機やソーターは見つかりません。ソートする必要がある色は次のとおりです。

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

色を確認できるように画像を追加しました:

Colors to sort

誰かがアイデアを持っているなら、私は彼らにオープンです。自分で少し並べてみましたが、間違いだと思います。どんな助けでもありがたいです!

1
lemonbars

できれば、2色または3色だけを選択して、最も寒い(オプションで真ん中の)、最も暑いポイントを表すことをお勧めします。値を計算し、ヒートマップで必要なステップ数に基づいて、それらの間の勾配を計算します。

このようにして、会社のテーマカラーのサブセット間を滑らかにブレンドするカラースケールを表示することができます。これはヒートマップでは重要です。これは、勾配が意味を提供するために明白でなければならないためです。

色の見方が異なり、色の意味や重みも異なります(たとえば、注文した色の多くは、他の場所に置くことを検討した可能性がありますが、それは正しいことでも間違っていることでもありません)。ただし、より流動的な勾配が確立されていて、ヒートマップと一緒にこのキーを提供して、最も寒いものと最も暑いものをラベル付けすると、このあいまいさの多くを軽減できます。

たとえば、私はあなたが提供した3つの色を選択し、会社のテーマ内にありながら、最も冷たい感覚から最も熱い感覚をよりすぐに提供するものからスケールを作成しました。

Scale using three of the provided colors

2
maxathousand