複数のデータを比較するグラフを作成する際に、どのようにしたらよいか迷いがちなのがデータ系列ごとの色分け。適当に色分けしてしまうと見栄えも悪いし視

グラフでデータ系列を色分けする時の配色を生成する「Data Color Picker」

複数のデータを比較するグラフを作成する際に、どのようにしたらよいか迷いがちなのがデータ系列ごとの色分け。適当に色分けしてしまうと見栄えも悪いし視認性も悪いものになってしまいます。

今回ご紹介するのは、そんなグラフのデータ系列の配色を簡単に生成してくれるツールです。

• 
• 組織のマインドマップツールをマインドマイスターにすべき理由
• 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!!

グラフで使う色を生成してくれる「Data Color Picker」

「Data Color Picker」は、グラフのデータ系列ごとの色を、サンプルを見せながら生成してくれるウェブツール。

基準となる色を決めると、指定したデータ系列の数だけ配色を意識した色を生成してくれます。

基準となる色からグラフに適した色分けを生成

基準の色を設定する。

まず基準となる色をカラーピッカーで選びます。すると指定した数だけ、配色を生成します。基準となる色は左右端の２つで設定可能です。

生成する色の数を変更できる。

生成する色の数は最大で8個です。

背景色を暗くしてシミュレーションできる。

背景色を暗くした状態でどのような視認性を得られるかテストすることもできます。

生成したカラーコードを一括でクリップボードにコピー

「COPY HEX VALUES」ボタンでカラーコードを一括コピー。

生成した複数色のカラーコードを、一括でコピーすることができます。

サンプルにもありますが、生成された色の左から大きな数字のデータに使用していくのがセオリーになります。 興味がある方はData Color Pickerへどうぞ。