COLOR MODELS Color Models and Color

Applications
2
COLOR THEORY
color theory is a body of practical
guidance to color mixing and the
visual effects of a
specific color combination

3
LIGHT & COLOR
What is light?
 “light” = narrow frequency band of electromagnetic
spectrum
The Electromagnetic Spectrum
 Red: 3.8x1014 hertz
 Violet: 7.9x1014 hertz

Color is a sensation produced by

the human eye and nervous system.

Ánh sáng là gì?

 Ánh sáng ánh sáng = dải tần hẹp của phổ điện từ
Quang phổ Điện từ
 Màu đỏ: 3,8x1014 hertz
 Violet: 7.9x1014 hertz
Màu sắc là một cảm giác được tạo ra bởi mắt
và hệ thần kinh của con người.
4
THE HUMAN EYE

5
COLOR MATCHING EXPERIMENTS
Observers had to match a test light by combining
three fixed primaries
Goal: find the unique RGB coordinates for each
stimulus
Tristimulus Values
The values RQ, GQ and BQ for a stimulus Q that fulfill
Q = RQ*R + GQ*G + BQ*B
are called the tristimulus values of Q
 R = 700.0 nm
 G = 546.1 nm
 B = 435.8 nm

6
PSYCHOLOGICAL CHARACTERISTICS OF COLOR
•Dominant frequency (hue, color)
•Brightness (area under the curve), total light
energy
•Purity (saturation), how close a light appear
to be a pure spectral color, such as red
 Purity = ED − EW
 ED = dominant energy density
 EW = white light energy density
Chromaticity, used to refer collectively to
the two properties describing color
characteristics: purity and dominant
frequency
•Tần số chiếm ưu thế (sắc độ, màu sắc)
•Độ sáng (khu vực dưới đường cong), tổng năng
lượng ánh sáng
•Độ tinh khiết (độ bão hòa), cách ánh sáng xuất hiện
gần như là một màu quang phổ thuần khiết, chẳng
hạn như màu đỏ
• Độ tinh khiết = ED - EW
• ED = mật độ năng lượng vượt trội
• EW = mật độ năng lượng ánh sáng trắng
•Độ màu, được sử dụng để gọi chung hai thuộc tính
mô tả các đặc tính màu sắc: độ tinh khiết và tần số
chi phối
7
PSYCHOLOGICAL CHARACTERISTICS OF COLOR
•Dominant frequency (hue, color)
•Brightness (area under the curve), total light
energy
•Purity (saturation), how close a light appear
to be a pure spectral color, such as red
 Purity = ED − EW
 ED = dominant energy density
 EW = white light energy density

Chromaticity, used to refer collectively to

the two properties describing color
characteristics: purity and dominant
frequency
8
9
INTUITIVE COLOR CONCEPTS
Color mixing created by an artist
Shades, tints and tones in scene can be
produced by mixing color pigments
(hues) with white and black pigments
Shades
 Add black pigment to pure color
 The more black pigment, the darker the shade
Tints
 Add white pigment to the original color
 Making it lighter as more white is added
Tones
 Produced by adding both black and white
pigments
Phối màu được tạo bởi một nghệ sĩ
Màu, sắc độ và tông màu trong cảnh có thể
được tạo ra bằng cách trộn các sắc tố màu (sắc
độ) với các sắc tố trắng và đen
Sắc mầu
 Thêm sắc tố đen cho màu tinh khiết
 Càng nhiều sắc tố đen, màu càng đậm
Sắc thái
 Thêm sắc tố trắng vào màu gốc
 Làm cho nó nhẹ hơn khi thêm nhiều màu trắng
Tông
 Được sản xuất bằng cách thêm cả sắc tố đen
và trắng
10
INTUITIVE COLOR CONCEPTS
Color mixing created by an artist
Shades, tints and tones in scene can be
produced by mixing color pigments
(hues) with white and black pigments
Shades
 Add black pigment to pure color
 The more black pigment, the darker the shade
Tints
 Add white pigment to the original color
 Making it lighter as more white is added
Tones
 Produced by adding both black and white
pigments

11
COLORIMETRY (CM)
CM is concerned with numerically
specifying the color of a
physically defined visual stimulus
 Stimuli with the same specification
look alike under the same viewing
conditions
 Stimuli that look alike have the
same specification
 The numbers used are continuous
functions of the physical parameters
Colorimetry n. measuring of the intensity of color
CM có liên quan với việc chỉ định số lượng màu
sắc của một kích thích thị giác được xác định rõ
ràng
 Các kích thích có cùng đặc điểm kỹ thuật
trông giống nhau trong cùng điều kiện xem
 Các kích thích trông giống nhau có cùng
đặc điểm kỹ thuật
 Các số được sử dụng là các hàm liên tục
của các tham số vật lý
Colorimetry đo cường độ màu
12
 Define color gamuts
COLOR GAMUTS ▪Range of colors that can be produced on a
CHROMATICITY DIAGRAM device
▪CRT monitor’s gamut is different from printer’s
Xác định gam màu ▪Any choice of three primaries can never
• Phạm vi màu sắc có thể được sản encompass all visible colors
xuất trên thiết bị ▪RGB are natural choices for primaries as they
• Màn hình CRT gamut khác với máy can cover the largest part of the “horseshoe”
in
• Bất kỳ lựa chọn nào trong ba
nguyên tắc không bao giờ có thể
bao gồm tất cả các màu có thể nhìn
thấy
• RGB là lựa chọn tự nhiên cho các
bầu cử sơ bộ vì chúng có thể bao
phủ phần lớn nhất của móng ngựa.

13

COLOR MODELS
Method for explaining the
properties or behavior of color
within some particular context
Primary Colors
 3 primaries are sufficient for most
purposes
Hues that we choose for the sources
Color gamut is the set of all colors that
we can produce from the primary colors
What is the use?
Phương pháp giải thích các thuộc tính hoặc
hành vi của màu sắc trong một số bối cảnh cụ
thể
Màu cơ bản: 3 màu cơ sở là đủ cho hầu hết các
mục đích
Màu sắc mà chúng tôi chọn cho các nguồn
Gam màu là tập hợp tất cả các màu mà chúng
ta có thể tạo ra từ các màu chính
For display, editing, computation,
compression, …?
Several key (very often conflicting) features
may be sought after:
 Additive (RGB) or subtractive (CMYK)
 Separation of luminance and chromaticity
 Equal distance between colors are equally
perceivable
14
ADDITIVE VS. SUBTRACTIVE COLOR MODELS
•Additive color models display color as a
result of light being transmitted (added)
the total absence of light would be
perceived as black.
•Subtractive color models display color
as a result of light being absorbed
(subtracted) by the printing inks.
 As more ink is added, less and less light is
reflected.
 Where there is a total absence of ink the
resulting light being reflected (from a white
surface) would be perceived as white.
•Các mô hình màu thêm hiển thị màu do
kết quả của ánh sáng được truyền dẫn
(thêm vào), sự vắng mặt hoàn toàn của
ánh sáng sẽ được coi là màu đen.
•Các mô hình màu trừ sẽ hiển thị màu do
kết quả của ánh sáng bị hấp thụ (bị trừ)
bởi các loại mực in.
• Càng nhiều mực được thêm vào, ánh sáng
càng ít bị phản xạ.
• Khi thiếu mực hoàn toàn, ánh sáng thu
được được phản xạ (từ bề mặt trắng) sẽ
được coi là màu trắng.
15
ADDITIVE VS. SUBTRACTIVE
COLOR MODELS
•Additive color models display color as a result
of light being transmitted (added) the total
absence of light would be perceived as black.
•Subtractive color models display color as a
result of light being absorbed (subtracted) by the
printing inks.
 As more ink is added, less and less light is reflected.
 Where there is a total absence of ink the resulting light
being reflected (from a white surface) would be
perceived as white.

16
 6.COLOR MEASUREMENT SYSTEM
Color order systems: Why do we order colors?
Munsell Color System Color Order system
Natural Color System(NCS) ➢Trichromatic theory by Hermann von
Helmholtz
➢The concept of color space
https://www.youtube.com/watch?v=L
1CK9bE3H_s So what are the three parameters?

17
 MUNSELL COLOR SYSTEM
One of the Oldest color order systems with The
three main parameters: (H,V, C)
▪ Munsell Hue (H) : five primary:5R, 5Y, 5G,
5B, 5P
▪ Munsell Value (V) : the brightness scale
from 0(black)~10
▪ Munsell Chroma (C) : from /0~/14
The examples of color expression:
5RP 8/2 :
Hue:5RP
Value:8
Chroma:2

18
 NATURAL COLOR SYSTEM
(NCS)
The NCS: six elementary color percepts of
human vision — which might coincide with the
psychological primaries: white, black, red,
yellow, green, and blue
If the color data is: 40% whiteness, 10%
blackness, 5% yellowness = 45% redness
S=10, c=r+y=50
Ф=Y90R
→ 1050-Y90R
Yellow – NCS 0580-Y10R (nuance = 5% blackness, 80%
chromaticness, hue = 90% yellow + 10% red.
Blue – NCS 4055-R95B (nuance = 40% blackness, 55%
chromaticness, hue = 5% red + 95% blue.

19
 https://www.youtube.com/watch?v=m
RGB COLOR MODEL
Basic theory of RGB color model
 The tristimulus theory of vision
 It states that human eyes perceive color through
the stimulation of three visual pigment of the
cones of the retina
 Red, Green and Blue
 Model can be represented by the unit cube
defined on R,G and B axes
POA28IelhE
Lý thuyết cơ bản về mô hình màu RGB
 Lý thuyết tầm nhìn của tầm nhìn
 Nó nói rằng mắt người nhận biết màu sắc
thông qua sự kích thích của ba sắc tố thị
giác của hình nón của võng mạc
 Đỏ, Xanh và Xanh Lá
 Mô hình có thể được biểu diễn bằng khối
đơn vị được xác định trên các trục R, G và
B
20
THE RGB COLOR MODEL
An additive model, as with the XYZ color system
Each color point within the unit cube can be
represented as a weighted vector sum of the primary
colors, using vectors R, G and B
C(λ)=(R, G, B)=rR+gG+bB
Chromaticity coordinates for the National Television
System Committee (NTSC) standard RGB primaries

Một mô hình phụ, như với hệ màu XYZ

Mỗi điểm màu trong khối đơn vị có thể được biểu diễn
dưới dạng tổng vectơ có trọng số của các màu chính, sử
dụng vectơ R, G và B
C (λ) = (R, G, B) = rR + gG + bB
Các tọa độ màu cho các bầu cử sơ bộ RGB tiêu chuẩn
của Ủy ban Hệ thống Truyền hình Quốc gia (NTSC) 21
CMY COLOR MODELS
• Color models for hard-copy devices,
such as printers
Produce a color picture by coating a paper
with color pigments
Obtain color patterns on the paper by
reflected light, which is a subtractive process
• The CMY parameters
A subtractive color model can be formed with
the primary colors cyan, magenta and yellow
Unit cube representation for the CMY model
with white at origin
• Mô hình màu cho các thiết bị sao chép
cứng, chẳng hạn như máy in
Tạo một bức tranh màu bằng cách phủ một tờ
giấy bằng các sắc tố màu
Lấy các mẫu màu trên giấy bằng ánh sáng
phản chiếu, đó là một quá trình trừ
• Các thông số CMY
Một mô hình màu trừ có thể được hình thành
với các màu chính lục lam, đỏ tươi và vàng
Đại diện khối đơn vị cho mô hình CMY với màu
trắng ở gốc
22
CMY COLOR MODELS

• Color models for hard-copy devices,

such as printers
Produce a color picture by coating a paper
with color pigments
Obtain color patterns on the paper by
reflected light, which is a subtractive process
• The CMY parameters
A subtractive color model can be formed with
the primary colors cyan, magenta and yellow
Unit cube representation for the CMY model
with white at origin

23
THE CMY COLOR MODELS

Transformation between RGB and CMY

color spaces
 Transformation matrix of conversion from RGB
to CMY
 C  1  R 
 M  = 1 − G 
    
 Y  1  B 

 Transformation matrix of conversion from CMY

to RGB  R  1  C 
G  = 1 −  M 
    
 B  1  Y 
24
CMYK MODEL

Assumption: ink printed on pure

white paper

CMY = White – RGB:

C = 1 – R, M = 1 – G, Y = 1 – B

CMYK from CMY (K is black

ink):
K = min(C, M, Y)
C = C – K, M = M – K, Y = Y - K
INTUITIVE COLOR CONCEPTS
Terminology

Perceptual Term Colorimetry Comments

hue dominated to distinguish colors

wavelength
saturation excitation purity e.g., red and pink

Lightness (reflecting objects) luminance

Brightness (self-luminous objects) luminance e.g., Sun, CRT

26
 tints
INTUITIVE COLOR CONCEPTS white pure color
tones
grays shades
 Tint: white pigment added to pure pigment
➔ saturation reduced
 Shade: black pigment added to pure pigment black
➔ lightness reduced
 Tone: consequence of adding both white and
black pigments to pure pigments Grays
Tints, shades, and tones ➔ different colors of
same hue are produced = black pigments + white pigments
Graphics packages that provide color
palettes to users often employ two or more
color models

27
THE HSV COLOR MODEL
The HSV colors often use a color model based
on intuitive concepts
Color parameters are hue (H), saturation (S) and value (V)
 Derived by relating the HSV parameters to the direction
in the RGB cube
 Obtain a color hexagon by viewing the RGB cube along
the diagonal from the white vertex to the origin
The HSV hexcone
 Hue is represented as an angle about the vertical axis
ranging from 0 degree at red to 360 degree
 Saturation parameter is used to designate the purity of
a color
 Value is measured along a vertical axis through center
of hexcone
Các màu HSV thường sử dụng mô hình màu dựa
trên các khái niệm trực quan
Thông số màu là màu sắc (H), độ bão hòa (S) và giá trị (V)
 Dẫn xuất bằng cách liên quan các tham số HSV với
hướng trong khối RGB
 Có được hình lục giác màu bằng cách xem khối RGB
dọc theo đường chéo từ đỉnh trắng đến gốc
Hexcone HSV
 Hue được biểu diễn dưới dạng một góc về trục tung
nằm trong khoảng từ 0 độ đến đỏ đến 360 độ
 Thông số bão hòa được sử dụng để chỉ định độ tinh
khiết của màu
 Giá trị được đo dọc theo trục dọc thông qua tâm
hexcone
28
THE HSV COLOR MODEL
The HSV colors often use a color model based
on intuitive concepts
Color parameters are hue (H), saturation (S) and value (V)
 Derived by relating the HSV parameters to the direction
in the RGB cube
 Obtain a color hexagon by viewing the RGB cube along
the diagonal from the white vertex to the origin

The HSV hexcone

 Hue is represented as an angle about the vertical axis
ranging from 0 degree at red to 360 degree
 Saturation parameter is used to designate the purity of
a color
 Value is measured along a vertical axis through center
of hexcone

29
 Color components:
HSV COLOR MODEL  Hue (H) ∈ [0°, 360°]
HEXCONE  Saturation (S) ∈ [0, 1]
 Value (V) ∈ [0, 1]
Color definition
 Select hue, S=1, V=1
 Add black pigments, i.e., decrease V
 Add white pigments, i.e., decrease S
Cross section of the HSV hexcone showing
regions for shades, tints, and tones

30

HSV
Hue là đặc điểm rõ ràng nhất của một
màu sắc
Chroma là độ tinh khiết của màu sắc
• Màu sắc cao trông phong phú và đầy
đủ
• Màu sắc thấp trông xỉn và xám
• Đôi khi sắc độ được gọi là bão hòa
Giá trị là độ sáng hoặc tối của màu
Đôi khi màu sáng được gọi là tông màu,
và Màu tối được gọi là màu
Hue is the most obvious characteristic of a
color
Chroma is the purity of a color
 High chroma colors look rich and full
 Low chroma colors look dull and grayish
 Sometimes chroma is called saturation
Value is the lightness or darkness of a color
 Sometimes light colors are called tints, and
 Dark colors are called shades
31
 TRANSFORMATION To move from RGB space to HSV space:
 Can we use a matrix? No, it’s non-linear.
HSV-RGB
min = the minimum R, G, or B value
max = the maximum R, G, or B value
 0 if max = min
 60 g −b
 + 0 if max = r and g  b
max − min
  g −b
60 + 360 if max = r and g  b
h= max − min
  b−r
 60 + 120 if max = g
max − min
  r−g
 60 + 240 if max = b
 max − min

0 if max = 0
s =  max − min v = max
otherwise
 max

RGB CMY HSV

32
THE HLS COLOR MODEL
HLS color model
 Another model based on
intuitive color parameter
 Used by the Tektronix
Corporation
 The color space has the
double-cone representation
 Used hue (H), lightness (L) and
saturation (S) as parameters

33

CIE 1931 COLOR MODEL
Color Matching Experiment
Problem solution: XYZ color system
Tristimulus system derived from RGB
Based on 3 imaginary primaries
All 3 primaries are outside the human visual gamut
Only positive XYZ values can occur
1931 by CIE (Commission Internationale de l’Eclairage)
Giải pháp cho vấn đề: Hệ màu XYZ
Hệ thống Tristimulus có nguồn gốc từ RGB
Dựa trên 3 bầu cử sơ bộ tưởng tượng
Tất cả 3 nguyên thủy nằm ngoài giao diện thị giác của con
người
Chỉ các giá trị XYZ dương mới có thể xảy ra
1931 bởi CIE (Ủy ban Quốc tế Quốc tế)
 CIE COLOR MATCHING FUNCTIONS

CIE RGB Matching Functions CIE XYZ Matching Functions

XYZ is not RGB. X, Y and Z are extrapolations of RGB

created mathematically to avoid negative numbers
CIE RGB->XYZ
Projective transformation specifically designed
so that Y = V (luminous efficiency function)
XYZ → CIE RGB uses inverse matrix
XYZ → any RGB matrix is device dependent

X = 0.723R + 0.273G + 0.166B

Y = 0.265R + 0.717G + 0.008B
Z = 0.000R + 0.008G + 0.824B
36
 CIE XYY FROM CIE XYZ
CIE xyY color model is used to catalog colors:
x = X / (X + Y + Z)
y = Y / (X + Y + Z)
Y = luminance

https://www.youtube.com/watch?v=u
PnhQCE6Gd4
 COLOR MODEL YIQ

Used for: video encoding for some standard such as

NTSC
Axes:
➢Y: luma , same as the Y complement in CIE XYZ
color space,
Y   0.299 0.587 0.114   R 
➢I: blue chroma I = R – Y  I  =  0.701 − 0.587 − 0.114  G 
➢Q: red chroma Q = B – Y      
Q  − 0.299 − 0.587 0.886   B 
Separate luminance or brightness from color,
because we perceive brightness ranges better than
color  R  1 1 0  Y 
G  = 1 − 0.509 − 0.194   I 
     
 B  1 0 1  Q 
38
 CIE LU*V* PERCEPTUALLY UNIFORM SPACES

'Luv' was designed to be 'perceptually linear'.

That change in color in one part of the colorspace looks
similar change in another part of the colorspace.
LUV colorspace much better suited for image difference
comparisions.

"Luv" được thiết kế để "tuyến tính nhận thức".

Sự thay đổi màu sắc trong một phần của không gian
màu trông có vẻ thay đổi tương tự ở một phần khác
của không gian màu.
Không gian màu LUV phù hợp hơn nhiều cho việc
so sánh sự khác biệt của hình ảnh.
EXAMPLES (RGB, HSV, LUV)
 https://www.youtube.com/watch?v=_
LAB MODEL
The CIE L*a*b* color model (Lab) is based on the human
perception of color.
It aspires to perceptual uniformity, and its L component
closely matches human perception of lightness
Chrominance:
a – ranges from green to red and
b - ranges from blue to yellow
Photoshop uses this model to get more control over color
• Adobe Photoshop, image editing using "Lab mode" is CIELAB
• Affinity Photo, Lab editing is achieved by changing the document's Colour
Format to "Lab (16 bit)"
• TIFF files, the CIELAB color space
• PDF documents, the "Lab color space" is CIELAB
• Digital Color Meter on OS X, it is described as "L*a*b*"
64ReEothS4
Mô hình màu CIE L * a * b * (Lab) dựa trên nhận thức của con người
về màu sắc.
Nó đưa đến sự đồng nhất về nhận thức và thành phần L của nó rất phù
hợp với nhận thức của con người về độ sáng
Sắc độ:
a - dao động từ xanh đến đỏ và
b - phạm vi từ màu xanh đến màu vàng
Photoshop sử dụng mô hình này để kiểm soát màu sắc nhiều hơn
▪ Adobe Photoshop, chỉnh sửa ảnh bằng "Chế độ Lab" là CIELAB
▪ Ảnh có liên quan, chỉnh sửa Lab đạt được bằng cách thay đổi Định
dạng màu của tài liệu thành "Lab (16 bit)"
▪ Tệp TIFF, không gian màu CIELAB
▪ Tài liệu PDF, "Không gian màu phòng thí nghiệm" là CIELAB
▪ Máy đo màu kỹ thuật số trên OS X, nó được mô tả là "L * a * b *"
41
 https://www.youtube.com/watch?v=3
bY8MVHf0JM
LAB MODEL
The CIE L*a*b* color model (Lab) is based on the human
perception of color.
It aspires to perceptual uniformity, and its L component
closely matches human perception of lightness
Chrominance:
a – ranges from green to red and
b - ranges from blue to yellow

Photoshop uses this model to get more control over color

• Adobe Photoshop, image editing using "Lab mode" is CIELAB
• Affinity Photo, Lab editing is achieved by changing the document's Colour
Format to "Lab (16 bit)"
• TIFF files, the CIELAB color space
• PDF documents, the "Lab color space" is CIELAB
• Digital Color Meter on OS X, it is described as "L*a*b*" https://www.youtube.com/watch?v=9
9GczKnEObw 42
COMPARISON

RGB CMY YIQ HSV HSL

CMYK 43
 Colorimetry:
COLOR MODEL SUMMARY  CIE XYZ: contains all visible colors
Device Color Systems:
 RGB: additive device color space (monitors)
 CMYK: subtractive device color space
(printers)
 YIQ: NTSC television (Y=luminance, I=R-Y,
Q=B-Y)
Color Ordering Systems:
 HSV, HLS: for user interfaces

44
COLOR PICKER
Tài liệu phục vụ
học tập sinh viên
CNTT&TT ĐHBK -
HN
Tài liệu sử dụng Hình ảnh , Text , Video trên mạng theo
nguyên tắc FU – CC và tuân thủ theo quy tắc đó
Sinh viên, người học hoàn toàn có quyền chỉnh sửa,
copy và tái suất bản theo CC & FU
APPLICATION
47
COLOR SELECTION AND APPLICATIONS

Graphical package provide Gói đồ họa cung cấp khả năng màu
color capabilities in a way that theo cách hỗ trợ người dùng thực
aid users in making color hiện các lựa chọn màu
selections Hướng dẫn
• Hiển thị mẫu màu xanh bên cạnh mẫu màu
Guidelines đỏ có thể gây mỏi mắt
 Displaying blue pattern next to a red pattern • Số lượng màu nhỏ hơn tạo ra màn hình
can cause eye fatigue
đẹp hơn
 Smaller number of colors produces a better
looking display • Sắc độ và sắc thái có xu hướng pha trộn
 Tints and shades tend to blend better than pure tốt hơn màu sắc tinh khiết
hues • Màu xám hoặc bổ sung của một trong các
 Gray or complement of one of the foreground màu nền trước thường là tốt nhất cho nền
color is usually best for background
48
SELF-ANIMATED IMAGES

56
WHAT HAPPENS WHEN CHICKENS
SEE RED?
A company * that markets red contact lenses for chickens (at 20 cents a pair),
points to medical studies showing that chickens wearing red-tinted contact lenses
behave differently from birds that don't.

They eat less, produce more and don't fight as much. This decreases aggressive
tendencies and birds are less likely to peck at each other causing injury.

A spokesman said the lenses will improve world egg-laying productivity by $600
million a year. (Perhaps everything looks red and they cannot distinguish combs,
wattles, or blood.

Or ...perhaps the chickens are happier because they're viewing the world through
rose colored glasses.)

Animalens Inc. of Wellesley, Mass

If you don't believe this, read the facts!

http://www.inc.com/magazine/19890501/5636.html

57