Skip to content セクションへスキップ
配色システム

スタジオ

色相は装飾ではなく道具。チャートと広告のカテゴリ・連続・発散スケール。 仕事. 凡例、ブランド、アクセシブルなデータ色.

一目で
指標の濃さ

濃いマスほど、このテーマでその指標が高いことを示します。

最終確認 出典とクレジットメディアクレジット方法論

短い答え

配色システムはいつ選ぶ?

次の条件に合う。凡例、ブランド、アクセシブルなデータ色

いつ避ける?

次の場合は別の形にする。虹の初期値、または1色に2量を符号化

誰が作り、広めた?

マンセル1905。ブリューワーパレット(1994–)は地図用。現代CSSのOKLCH

何を符号化する?

カテゴリや大きさに写す色相・明度・彩度

広告に使ってよいか?

Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。

課題に使えるか?

実験レポートとポスターで軸・単位・出典があれば通る。

このセクションから始める - スタジオ

配色システムはカテゴリや大きさに写す色相・明度・彩度として値を載せます。マンセル1905。ブリューワーパレット(1994–)は地図用。現代CSSのOKLCH。

業務報告・広告・課題では「凡例、ブランド、アクセシブルなデータ色」に向く。「虹の初期値、または1色に2量を符号化」のときは別の形を選ぶ。

スタジオ

ブラウザで図形・図・グラフを作り、SVG/PNGを保存。アップロードなし。

スタジオを開く → ファイルから アイコン

仕事

広告

学校

手順

  1. 手順 1 — 主張を一文で書く。
  2. 手順 2 — 配色システムがその主張に合うか確認する。合わなければ変える。虹の初期値、または1色に2量を符号化
  3. 手順 3 — ExcelまたはGoogleスプレッドシートまたはPowerPointで平らに描く。
  4. 手順 4 — 直接ラベル、薄い格子、主張のタイトル。
  5. 手順 5 — グレースケールと色覚シミュレータで確認。
  6. 手順 6 — 出典・期間・単位を入れ、SVG/PDFで書き出す。

配色システム: カテゴリや大きさに写す色相・明度・彩度を守り、「虹の初期値、または1色に2量を符号化」のときは別の図を選ぶ。

← 失敗 配色システム ツール →