色空間

規格
  • CIE 1931
  • sRGB
  • Adobe RGB
  • DCI-P3
  • BT.709
概念
  • RGB
  • CMYK
  • HSL
  • HSV (あるいは、HSB とも呼ばれる)
  • YUV

参考:

色空間 – Wikipedia

概要

参考:

覚えるのは色相/彩度/明度の三属性だけ! 初心者のための色彩講座 | いちあっぷ

色モデル | T. Fujiwara

色について 1 – Qiita

色について 2 – Qiita

色について 3 – Qiita

色の 3要素/色相、明度、彩度とは? | カラーコーディネートの基本

色と光/色の数値化 | 日本電色工業株式会社

Web サイトを美しく作るために! 色相/明度/彩度を理解しよう | デジタルマーケティングブログ

色相

参考:

色相とは | 基礎からわかるホームページの配色

色相 – Wikipedia

AE で色替えバリエーションの作成 | CGTS

Hue | The Dimensions of Colour

色相環

参考:

色相環 | 武蔵野美術大学 造形ファイル

輝度 (Luminance)

sRGB の RGB 値をガンマ空間からリニア空間に変換し、次の線形和で輝度 Y を計算する。

Y = 0.2126 * R + 0.7152 * G + 0.0722 * B

参考:

相対輝度 – Wikipedia

輝度 | e-Words

グレースケール画像のうんちく – Qiita

HSB 値と輝度の求め方 | osakana.factory

画像のモノクロ化は輝度で変換しないとヒドイことになる | 知らなきゃ絶対損する PC マル秘ワザ

明るさとコントラストの調整 | GIMP 入門

輝度の定義について – Adobe Support Community

Converting RGB to grayscale/intensity – Stack Overflow

明度 (Brightness)

参考:

明度と輝度の違いとは | 創造ログ

明度と輝度の違い | CG すくいどる

明度 | e-Words

彩度

  • 彩度 (Saturation) 一般的な彩度。0 で無彩色となり、100 で最大の彩度となる。
  • 自然な彩度 (Vibrance) 「Saturation」よりも自然な「鮮やかさ」を表す。「自然な彩度」を上げると、彩度が高い領域はそのままで彩度の低い領域の彩度を自然に引き上げることができる。特に青色が強調されやすく、他の領域を保ったまま青空の彩度を上げたい場合などに使用する。

参考:

「彩度」と「自然な彩度」の違いを実例を使って徹底検証 | 写真あそび.com

自然な彩度/彩度の基本と応用 | ミヤビプロダクション

「自然な彩度」と「彩度」の調整 | 世界一下手くそなフォトぐらふ

自然な彩度と彩度の違い – Lightroom | 学習帳

AE で色替えバリエーションの作成 | CGTS

Chroma | The Dimensions of Colour

Saturation | The Dimensions of Colour

グレースケール

参考:

グレースケール画像のうんちく – Qiita

RGB

参考:

RGB – Wikipedia

HSL

参考:

RGB と HSL の相互変換ツールと変換計算式 | PEKO STEP

色相、彩度、明度の計算方法 | 画像処理ソリューション

HLS 色空間 – Wikipedia

HSV / HSB

(出典Wikipedia

こちらのページを参照

参考:

HSB 値と輝度の求め方 | osakana.factory

HSB カラーモデル | 基礎からわかるホームページの配色

RGB と HSV/HSB の相互変換ツールと変換計算式 | PEKO STEP

Sass で色空間 HSB を扱う関数を作った話 | アライドアーキテクツのクリエイターブログ

RGB カラーコードで明度/彩度/色相を変更する | A Memorandum

HSB | tomari

HSV 色空間 – Wikipedia

混色

  • 減法混合
    • 三原色 (赤/黄/青)
    • CMYK (シアン/マゼンタ/イエロー)
  • 加法混合
    • 光の三原色/RGB (赤/緑/青)

参考:

原色 – Wikipedia

Colour Primaries & Colour Vision | Mal’s Colour Science

マンセル表色系

アメリカの美術教育者/画家であるアルバート・マンセルによって考案され、1905年に書籍として出版された。1943年にアメリカ光学会が調整を加えた「修正マンセル表色系」が一般に使われている。

マンセル表色系

(出典Wikimedia Commons

Amazon 商品リンク:

Munsell Book of Color

参考:

マンセル表色系 | DIC Color Design, Inc.

マンセル表色系 – Wikipedia

アルバート・マンセル – Wikipedia

Munsell Color System – Wikipedia

PCCS

1964年に日本色彩研究所によって開発されたカラーシステム

参考:

PCCS | DIC Color Design, Inc.

sRGB

こちらのページを参照

参考:

sRGB とは、現在カメラやモニター等で共通で使われている標準色空間 | カラーマネジメント実践ブログ

sRGB – Wikipedia

sRGB 空間で画像処理するべからず | 豪鬼メモ

色空間の変換

参考:

HSB 値と輝度の求め方 | osakana.factory

カラーコード変換ツール (Hex、RGB、HSV、CMYK、XYZ、LAB、HSL に対応) | SYNCER

色域変換

参考:

色域変換に伴う Primary Colors の RGB 値の変化 | toru のブログ

CIE XYZ / CIE 1931 / CIE Lab

参考:

XYZ 表色系と色空間 | T. Fujiwara

RGB-XYZ 変換 | T. Fujiwara

XYZ-Lab 変換 | T. Fujiwara

XYZ-RGB の変換式とカラートライアングル | 音と色と数の散歩道

XYZ 色空間に迫る 1 – Qiita

XYZ 色空間に迫る 2 – Qiita

CIE 1931 色空間 – Wikipedia

Lab 色空間 – Wikipedia

CIE convertor | LuxaLight

CIE Luv / CIE 1976

参考:

CIE Luv色空間 – Wikipedia

YUV

参考:

YUV – Wikipedia

YCbCr / YPbPr

参考:

YCbCr | 通信用語の基礎知識

YCbCr/YPbPr 色空間 | T. Fujiwara

色域 (Color Gamut)

sRGB と CMY の違い

黒線三角 → sRGB / 白線 → CMY

(出典Wikipedia

各種カラープロファイルにおける表現可能範囲の違い

(出典wikimedia.org

参考:

sRGB と Adobe RGB を理解する | ITmedia NEWS

Adobe RGB と sRGB、用途に合った色域のモニター選び | EIZO 株式会社

色域の話/sRGB では CMYK の20.5%の色が見えていない現実/JP2011 の色域を全部書き出してみた | やもめも

色空間における sRGB と Adobe RGB の違いについて | ソクプリブログ

色域 – Wikipedia

色空間 – Wikipedia

CIE 1931 色空間 – Wikipedia

Color Space – Wikipedia

Adobe RGB Color Space – Wikipedia

CIExy1931 sRGB CMY.png – Wikipedia

CIE1931xy gamut comparison.svg – Wikimedia Commons

All 16,777,216 RGB colours | David Naylor Blog

Wide Gamut RGB

(出典Wikimedia Commons

参考:

Wide-gamut RGB color space – Wikipedia

Gamuts.png – Wikimedia Commons

比視感度

参考:

比視感度 – Wikipedia

リンク

The Dimensions of Colour (David Briggs)

まとめ

Modern Color Theory | Handprint

記事をシェアする:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA