データ可視化：色 on データの道具箱

Leonardo は、ターゲットのコントラスト比に基づいて色を生成・設計できる Web ベースのカラーツールです。デザインシステムやデータ可視化で使うアクセシブル（視認性・色覚対応）な配色を構築したり、テーマ全体の色体系を管理するための支援ツールとして機能します。基本的には Adobe がオープンソースとして提供しているカラーモジュールを活用したツールです。

機能

コントラスト比ベースの色生成…指定した目標コントラスト比に合致する色を自動生成し、アクセシビリティ基準（WCAG）の要件を満たす配色が得られます。
色テーマ設計／管理…カラースケールやテーマ全体の構造を作成・調整し、デザインシステム向けのアクセシブルテーマを構築。
視覚的評価と出力…色間のコントラスト、色差、色空間上の位置などを視覚的に評価でき、必要に応じて SVG やコード（CSS カスタムプロパティ、デザイントークン）として出力。
適応型（ダーク／ライト）テーマ対応…明るさ・彩度・コントラストを調整してライトモード／ダークモードに適応する配色を生成可能。

使い方

1. 色のベース設定…ベースとなる色や背景色、目標のコントラスト比を指定。
1. 配色生成・調整…自動生成された色スウォッチを確認し、必要に応じて色空間や比率を調整。
1. 結果のエクスポート…SVG、カラーコード一覧、CSS／JS／デザイントークンなど任意の形式で出力しプロジェクトに活用。

Color Brewer

Mon, 01 Jan 0001 00:00:00 +0000

dataviz.jp

Color Brewer

カラースキーム選びを地図上でシミュレーション

colorbrewer.dataviz.jp

どんなツールか？

ColorBrewer は、データ可視化や地図で使用するための最適な配色（カラーパレット）を選ぶためのオンラインツールです。色の視認性やカテゴリー・数値データの性質に応じた配色を提案することを目的としています。

機能

カラースキームの選択支援…データの性質に応じて定量データ（sequential）、分岐データ（diverging）、定性的データ（qualitative）などのカラースキームを提示。
表示用途の考慮…カラーブラインド（色覚バリアフリー）、印刷、コピー耐性など用途に応じたオプションでフィルタリング可能。
階級分類数の指定…色数（3〜12 など）を調整しながら最適な配色を選べる。
カラー情報出力形式…選択したパレットを HEX/RGB/CMYK の形式や CSS/JavaScript 配列などで出力できる。
作成プロジェクトの保存と読込。

使い方

1. データの性質を選択…定量（順序あり）、分岐（中心値を境に両極を示す）、カテゴリー（順序なし）などから選ぶ。
1. 色数（クラス数）を指定…表示したいデータクラス数（例：3, 4, …）を選択。
1. 配色を確認・調整…選択したパレットが地図やグラフ上でどのように見えるか確認する。
1. 出力…必要に応じて CSS、JavaScript、Adobe Swatch などでエクスポート。