on:2015年12月1日sponsorsセンスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。Visualizations下記は各ポイントを意訳したものです。※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。既存のカラーパレットの注意点データに最適なカラーの3つのポイント分かりやすいデータのためのカラーパレット既存のカラーパレットの注意点まずは、既存のカラーパレットを調査してみました。ほとんどのカラーパレットは、複雑なグラフやデータをビジュアル化するためにはデザインされていないことに気がつきました。既存のカラーパレットが適さない理由は、3つです。アクセシブルではないカラーパレットの多くは、ビジュアル化のためにデザインされたものではありません。Colors」は多くの人が利用しているカラーパレットの一つで、確かにその見た目は美しく、魅力的に見えます。その名前が示すように、ユーザインターフェイスのためにデザインされています。Colors」を使ってデータをビジュアル化したものを理解するのが難しいでしょう。色の数が十分ではないもう一つの問題が、十分な色数が用意されていないことです。データをビジュアル化する際に、さまざまな用途をカバーするためには8-12色、最低でも6色は必要です。多くのカラーパレットは十分な色数を提供していません。Hunt美しいカラーパレットはありますが、複雑なデータを提供するのに十分な適用性がありません。区別するのが難しいカラーパレットの中には、グラデーションを使ったものもあります。確かに多くの色数を使えますが、色の変化が十分ではないため、それぞれを区別するのが困難です。Hunt色の変化が十分でない例は、下記を見てください。平均的なユーザーが見た目で正確に色を識別することができ、例えば上記の左4つのグリーンを正確に判断できたら、私は非常に驚きます。データに最適なカラーの3つのポイントデータのビジュアル化に適したカラーパレットを見つけるために多くの時間を投資し、そのプロセスの間に多くを学びました。そのポイントは3つです。明度と色相の両方が広範囲であることカラーパレットがアクセシブルであるためには十分な明度が必要で、明度における相違がポイントです。グレースケールのモードでどのように見えるか試してみましょう。Colorのフルカラー、第一色盲、グレースケールそれぞれで区別がつき、このパレットがアクセシブルであることが分かると思います。明度だけが異なるパレットでは十分ではありません。多くの色を使用できれば、それだけユーザーはデータの違いを認識することが容易です。色盲ではないユーザーのために、色相の変化を利用できれば、それはもっと良いカラーパレットになります。明度と色相の両方に広範囲の色を利用できると、より多くのデータをサポートすることができます。色の自然のパターンに従うすべての色が平等ではありません、直感的に分かりやすい、そして分かりにくいものがあります。明るいイエローから暗いパープルは移行が自然ですが、明るいパープルから暗いイエローは非常に不自然に見えます。分かりやすい色の移行は、自然界で見られるグラデーションに条件付けられます。夕暮れの暗いパープルの中に明るいイエローの移行が見られますが、暗いイエローの中に明るいパープルの移行は存在しません。Pearce色の移行は、自然界に存在するグラデーションを参考にするのがよいでしょう。複数のカラーを使うならグラデーションで異なる色相を含むグラデーションのパレットはベストを提供します。あなたが2つ、あるいは10の色を必要とするかに関わらず、明度と色相に十分な相違があり、データを見せるための色はグラデーションから抽出することができます。Photoshopで水平にグラデーションを描き、等間隔にグリッドを設定します。あとはそのグリッドごとに色を抽出するだけです。グラデーションのオーバーレイを微調整し、グリッドのブレイクポイントから色を抽出し、カラーパレットが機能するか確認します。上下のグレースケールは、色の正確なコードを入手するためのものです。分かりやすいデータのためのカラーパレットさっそくカラーパレット見てみましょう、3通り用意しました。3つともピュアホワイトから始まり、明度が最も異なるピュアブラックで終わります。最後にさまざまなカラーパレットがあるように、この3つですべてのグラフやチャートのビジュアル化に適用できるわけではありません。ビジュアル化のカラーパレットのアプローチは、明度と色相の両方で異なる自然のグラデーションを作ることです。このカラーパレットは1-12種類のデータを分かりやすく伝え、非常にアクセシブルです。