colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 computer graphics numazu college of...

5
1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAMCG Laboratory 9. Colors Version 1.0 2005.01.27 9. Colors 9.1 色の三属性 9.2 色彩体系 9.3 三原色と混合 9.4 補色

Upload: others

Post on 25-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAM・CG Laboratory 9. Colors

1

Computer Graphics

Numazu College of TechnologyDept. of Computer & Control Engineering

CAD/CAM・CG Laboratory

9. Colors

Version 1.0 2005.01.27

9. Colors

9.1 色の三属性

9.2 色彩体系

9.3 三原色と混合

9.4 補色

Page 2: colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAM・CG Laboratory 9. Colors

2

2. 2次元CG

色(色彩):colors

光=電磁波

有彩色と無彩色

380nm 780nm

赤外線

電波

紫外線

エックス線

ガンマ線

有彩色:いろどりのある色(Monochromatic color)

無彩色:白、黒、灰色などいろどりの無い色(Chromatic color)

コンピュータ画面の色 ≠ 印刷した色

色の取り扱いが異なるため

可視光線

2. 2次元CG

9.1 色の三属性

色の三属性・明度:色が持つ「明るさ」の度合い(高)白 - - - - - - - - - - - - - 黒(低)

・色相:色が持つ「いろあい」の度合い-赤-橙-黄-黄緑-緑-青緑-青-青紫-紫-赤紫-

・彩度:色が持つ「鮮やかさ」の度合い純色に近づくほど彩度は高くなる

色相環

色立体

0°R

120°G

240°B

Page 3: colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAM・CG Laboratory 9. Colors

3

2. 2次元CG

9.2 色彩体系

三属性の関係(HSV)

色相の関係(RGB)

0°R

120°G

240°B

色彩体系:色の三属性の表し方

・RGBRed(赤) Green(緑) Blue(青)

・HSV(HSB)Hue (色相)Saturation(彩度)Value of Brightness(明度)」

(HLSはHSVの軸を変えた物)

2. 2次元CG

色彩体系(工業デザイン)

マンセル表色系

大日精化工業株式会社http://www.daicolor.co.jpより引用

XYZ表色系(CIE1931標準表色系)

L*u*v*表色系

L*a*b*表色系

PCCS(日本色研配色体系)

オストワルト表色系 NCS(ナチュラル・カラー・システム)

ABCトーンシステム 7色印刷システム

(DCA デザイナーズ・カラーアトラス)

Page 4: colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAM・CG Laboratory 9. Colors

4

2. 2次元CG

9.3 三原色と混合

原色:混合により生成できない色

色光の三原色:RGB 色料の三原色:CMY

コンピュータの世界(人間の網膜,自然光)

現実の世界(プリンタ,絵の具)

(加法混色) (減法混色)

2. 2次元CG

9.4 補色

補色・二つの色を足し合わせて白(加法)または黒(減法)になる色・色相環で対角にある色

YG

RC

色相環

Page 5: colorsuser.numazu-ct.ac.jp/~fujio/personal/jp/kougi/zukei/...1 Computer Graphics Numazu College of Technology Dept. of Computer & Control Engineering CAD/CAM・CG Laboratory 9. Colors

5

2. 2次元CG

残像色・だまし絵

左の赤い円を30秒見つめた後、右の点を見る

何に見えるだろうか

2. 2次元CG

錯視

北岡明佳の錯視のページ(立命館大学http://www.ritsumei.ac.jp/~akitaoka/)