このページの中だけを絞ります。ページは移りません。
色彩の混同されやすい語
色彩で境界が曖昧になりやすい語の対。全 104 組・35 語。
| この語 | と混同されやすい語 | 違い |
|---|---|---|
| 60-30-10 Rule | Color Scheme（配色） | 配色は色の選択。この法則は面積の配分 |
| Dominance（主従） | 主従は要素の力関係。この法則は色の面積比 | |
| Accent Color（アクセントカラー） | Brand Color（ブランドカラー） | ブランドカラーは identity の色。アクセントは機能の色。一致することも別にすることもある |
| Semantic Color（セマンティックカラー） | セマンティックカラーは成功・警告など意味に紐づく色 | |
| Neutral Color（ニュートラルカラー） | ニュートラルは地となる無彩色に近い色 | |
| Analogous（類似色配色） | Monochromatic（単色配色） | 単色は色相が1つ |
| Complementary（補色配色） | 補色は180度離れる | |
| Color Harmony（色調和） | 色調和は理論全般 | |
| APCA | Contrast Ratio（コントラスト比） | WCAG 2.x の式。現行の適合基準 |
| WCAG 3 | 策定中の次期ガイドライン。APCA を含む可能性がある | |
| Blend Mode（ブレンドモード） | Opacity / Alpha（不透明度） | 不透明度は単純な混合率 |
| フィルター | filter は単一要素への処理 | |
mix-blend-mode / background-blend-mode | 前者は要素間、後者は同一要素の背景層間 | |
| Brand Color（ブランドカラー） | Accent Color（アクセントカラー） | アクセントは機能上の強調色。ブランドカラーと一致させることも別にすることもある |
| Semantic Color（セマンティックカラー） | セマンティックは役割に紐づく色 | |
| コーポレートカラー | ほぼ同義。企業に限定した呼称 | |
| Chroma（クロマ） | Saturation（彩度） | 彩度は明度に対する相対値、クロマは絶対量 |
| Gamut（色域） | 色域は表示可能な範囲。クロマが大きすぎると色域外になる | |
| トーン | 明度と彩度の組み合わせの呼称 | |
| CIE Lab | OKLCH | Oklab は Lab の知覚均等性を改善したもの |
| LCH | Lab を円柱座標にしたもの。色相を角度で扱える | |
| sRGB | sRGB は装置依存の色空間 | |
| Color Blindness（色覚特性） | Contrast Ratio（コントラスト比） | コントラスト比は明度差の指標。色覚特性は色相の識別 |
| ロービジョン | 視力そのものが低い状態 | |
| Color Harmony（色調和） | Color Scheme（配色） | 配色は実際の組み合わせ |
| Unity（統一） | 統一は色以外も含む全体のまとまり | |
| Simultaneous Contrast（同時対比） | 同時対比は隣接色によって見え方が変わる現象 | |
| Color Scheme（配色） | Color Harmony（色調和） | 色調和は色どうしが合うかという理論。配色は実際の組み合わせ |
| Semantic Color（セマンティックカラー） | セマンティックカラーは役割に紐づけた色 | |
color-scheme（CSS） | 明暗テーマの宣言 | |
| Color Space（色空間） | Gamut（色域） | 色域は表現できる色の範囲。色空間は座標系 |
| sRGB | sRGB は RGB 色空間の具体的な規格の一つ | |
| カラープロファイル | 装置ごとの色再現特性を記述したデータ | |
| Color Temperature（色温度） | Hue（色相） | 色相は色味の種類。色温度は暖寒の軸 |
| 暖色・寒色 | 色相を暖寒で二分した分類 | |
| ホワイトバランス | 撮影時に基準の白を決める処理 | |
| Color（色） | Color Scheme（配色） | 配色は複数の色の組み合わせ |
| Color Space（色空間） | 色空間は色を数値で表す座標系 | |
| トーン | 明度と彩度を合わせた概念 | |
| Complementary（補色配色） | Analogous（類似色配色） | 類似色は隣接色相 |
| 分割補色 | 補色の両隣2色を使う。対比を保ちつつ緩和する | |
| Contrast（対比） | 対比は原則としての差全般 | |
| Contrast Ratio（コントラスト比） | Contrast（対比） | 原則としての対比は大小や太さも含む |
| APCA | APCA は新しい算出方式。より知覚に近いとされる | |
| Lightness（明度） | 明度は単体の属性。コントラスト比は2色間の関係 | |
| Dark Mode（ダークモード） | Dark UI（ダークUI） | ダークUIは常時暗いデザインスタイルの選択 |
| Theming（テーマ切り替え） | テーマ切り替えは仕組み全般 | |
color-scheme（CSS） | ブラウザ UI の配色を宣言するプロパティ | |
| Display P3 | sRGB | sRGB は標準かつ狭い色域 |
| DCI-P3 | 映画館の投影を前提とした規格。白色点が異なる | |
| Rec.2020 | さらに広い色域。対応機器は限られる | |
| Duotone（ダブルトーン） | Monochrome（モノクローム） | モノクロームは無彩色1色の階調 |
| Gradient（グラデーション） | グラデーションは色の連続変化。ダブルトーンは階調の置き換え | |
| カラーフィルター | 元の色を残したまま色を被せる | |
| Gamut（色域） | Color Space（色空間） | 色空間は座標系、色域はその中の表現可能な範囲 |
| 解像度 | 画素の細かさ。色とは無関係 | |
| ビット深度 | 各色を何段階で表すか。範囲ではなく刻みの細かさ | |
| Gradient（グラデーション） | Duotone（ダブルトーン） | ダブルトーンは写真を2色の階調に変換する手法 |
| Blend Mode（ブレンドモード） | ブレンドモードは重なった色の合成方法 | |
| スクリム | 文字を読ませるために敷く半透明の層 | |
| HSL | HSB / HSV | Brightness の最大値が純色。HSL は白 |
| OKLCH | 知覚均等な軸を持つ。階調生成に向く | |
| RGB | 装置寄りの表現 | |
| Hue（色相） | Saturation（彩度） | 彩度は鮮やかさ。色相は色味の種類 |
| Color（色） | 色は3属性の総体 | |
| トーン | 明度と彩度の組み合わせ | |
| Lightness（明度） | Brightness（HSB） | HSB の Brightness は最大値が純色。HSL の Lightness は最大値が白 |
| 相対輝度 | WCAG が定義する、コントラスト比の計算に使う値 | |
| Contrast Ratio（コントラスト比） | コントラスト比は2色の相対輝度の比 | |
| OKLCH | OKLCH の L は知覚的に均等な明度 | |
| Monochromatic（単色配色） | Monochrome（モノクローム） | モノクロームは無彩色のみ。単色配色は色相を持つ |
| Analogous（類似色配色） | 類似色は複数の隣接色相を使う | |
| Tint / Shade / Tone | 階調を作る操作の分類 | |
| Neutral Color（ニュートラルカラー） | Monochrome（モノクローム） | モノクロームは無彩色のみで構成するデザインスタイル |
| Accent Color（アクセントカラー） | アクセントは小面積で強い色 | |
| グレースケール | 完全な無彩色。ニュートラルは色味を持てる | |
| OKLCH | HSL | HSL は知覚均等でない |
| CIE Lab | Lab は直交座標（a, b）。OKLCH は円柱座標で色相を角度で扱える | |
| OKLab | 同じ色空間の直交座標版 | |
| Opacity / Alpha（不透明度） | opacity プロパティ | 要素全体と子孫すべてに作用する |
| 色のアルファ値 | 指定した色だけに作用する | |
| Blend Mode（ブレンドモード） | ブレンドモードは合成の計算方法 | |
visibility: hidden | 領域を保ったまま非表示。読み上げからも外れる | |
| RGB | sRGB | sRGB は RGB の具体的な規格。色域と伝達関数が定義されている |
| CMYK | 印刷用の減法混色 | |
| HSL | HSL は同じ色を別の軸で表したもの。相互変換できる | |
| Saturation（彩度） | Chroma（クロマ） | クロマは知覚的な色の強さ。彩度は明度に対する相対値 |
| Lightness（明度） | 明度は明るさ。彩度は鮮やかさ | |
| ビビッド・パステル | トーンの呼称。彩度と明度の組み合わせ | |
| Semantic Color（セマンティックカラー） | Primitive Token（プリミティブトークン） | プリミティブは値そのものに名前を付けたもの |
| Brand Color（ブランドカラー） | ブランドカラーは identity。セマンティックは機能 | |
| Accent Color（アクセントカラー） | アクセントは面積と強さの話 | |
| Simultaneous Contrast（同時対比） | Contrast（対比） | 原則としての対比は意図的に差をつける操作 |
| Figure-Ground（図と地） | 図と地は前後の分離 | |
| 継時対比 | 時間差で色を見たときに生じる残像による影響 | |
| sRGB | RGB | RGB は方式の名前、sRGB は具体的な規格 |
| Display P3 | P3 はより広い色域を持つ規格 | |
| Adobe RGB | 印刷向けの広色域規格 | |
| Tint / Shade / Tone（ティント・シェード・トーン） | Saturation（彩度） | 彩度は属性そのもの。ティント等は操作の類型 |
| トーン（PCCS） | 日本の表色系では明度と彩度の組み合わせ区分を指す | |
| Monochromatic（単色配色） | 単色配色はこれらを使った配色方式 | |
| Triadic（三色配色） | Complementary（補色配色） | 補色は2色 |
| 四色配色 | 90度ずつ4色。さらに制御が難しい | |
| 60-30-10 Rule | 配分の目安を与える別の枠組み |