色彩

 オンラインカラーツール Adobe Color CC

rgb

Red(赤)、Green(緑)、Blue(青)の三つの原色で構成される色空間で
 rgb ( R , G , B ) で指定する

各要素は 0~255 又は 0~100% で指定する
それぞれの数値を大きくすると明るさが加算されて白色に近づく
数値を下げて行くと黒に近づいていく
R,G,B のどれか1つの値が 0 ( 0% )で他の2原色の任意の比率での混色が純色

100%
0%
0%
100%
25%
0%
100%
50%
0%
100%
75%
0%
100%
100%
0%
75%
100%
0%
50%
100%
0%
25%
100%
0%
0%
100%
0%
0%
100%
25%
0%
100%
50%
0%
100%
75%
0%
100%
100%
0%
75%
100%
0%
50%
100%
0%
25%
100%
0%
0%
100%
25%
0%
100%
50%
0%
100%
75%
0%
100%
100%
0%
100%
100%
0%
75%
100%
0%
50%
100%
0%
25%
100%
20%
20%
100%
40%
40%
100%
50%
50%
100%
60%
60%
100%
80%
80%
100%
100%
100%
75%
75%
75%
50%
50%
50%
25%
25%
25%
0%
0%
0%
75%
75%
0%
50%
50%
0%
25%
25%
0%
0%
0%
0%
0%
75%
25%
0%
50%
50%
0%
25%
75%
0%
0%
100%
20%
100%
100%
40%
100%
100%
50%
100%
100%
60%
100%
100%
80%
100%
100%
0%
0%
75%
0%
0%
50%
0%
0%
25%
0%
0%
0%
50%
25%
100%
50%
50%
100%
50%
75%
100%
50%
100%
100%
100%
25%
75%
100%
50%
50%
100%
75%
25%
100%
100%
0%

HSL

H(Hue:色相)・S(Saturation:彩度)・L(Lightness/Luminance:輝度)から構成される色空間で 
 hsl ( H , S% , L% )で指定する


色相H : 角度 0~360 で表します
彩度S : 0~100%の値で、小さいほど灰色に近い色になります
輝度L : 0%を黒、100%を白とし、50%を純色とします


0
100%
50%
15
100%
50%
30
100%
50%
45
100%
50%
60
100%
50%
75
100%
50%
90
100%
50%
105
100%
50%
120
100%
50%
150
100%
50%
135
100%
50%
165
100%
50%
180
100%
50%
195
100%
50%
210
100%
50%
225
100%
50%
240
100%
50%
255
100%
50%
270
100%
50%
285
100%
50%
300
100%
50%
315
100%
50%
330
100%
50%
345
100%
50%
0
80%
50%
0
65%
50%
0
50%
50%
0
35%
50%
0
20%
50%
0
0%
50%
60
100%
100%
60
100%
80%
60
100%
65%
60
100%
40%
60
100%
30%
60
100%
15%
60
100%
0%
180
80%
50%
180
65%
50%
180
50%
50%
180
35%
50%
180
20%
50%
0
0%
100%
0
0%
75%
0
0%
60%
0
0%
40%
0
0%
25%
0
0%
0%

PCCSの基本

PCCSはPractical Color Co-ordinate Systemの略で、財団法人日本色彩研究所によって1964年に開発された色彩体系(表色系)のことです。
色相(Hue-ヒュー)と、明度と彩度をまとめた(Tone-トーン)の二属性で色を表すところが特徴で、ヒュートーンシステムと呼ばれます

PCCSの色相環

1:
pR
2:
R
3:
yR
4:
rO
5:
O
6:
yO
7:
rY
8:
Y
9:
gY
10:
YG
11:
yG
12:
G
13:
bG
14:
BG
15:
BG
16:
gB
17:
B
18:
B
19:
pB
20:
V
21:
bP
22:
P
23:
rP
24:
RP

  彩度(Saturation)



  明度(Lightness)

色相(Hue)

 PCCSでは色相を心理四原色「赤(2:R)」「黄(8:Y)」「緑(12:G)」「青(18:B)」の色相を時計回りに配置し、それぞれの対向位置にそれぞれの心理補色を置いて8色相とし、その8色相の間に等間隔に4色相を置いて12色に、さらに12色の間にその中間の色相を置いて24色相が決められています。

 色相の表示方法
PCCSの24色相は英語の色相名、日本語の色相名、色相記号(1:pR、2:Rなど)で表されます。

 色相記号
色相番号(紫みの赤から時計回りにつけられた1〜24までの数字)に、色相の略記号(英語の色相名の略記号。pR、R、O、Y、YGなど)をつけて表示します。色相番号と色相の略記号の間には、「1:pR」のように、コロン「:」をつけることが決まりとなっています。
 色相の略記号は大文字と小文字が区別されます。
「Red(赤)」「Orange(だいだい)」「Yellow(黄)」「Green(緑)」「Blue(青)」「Violet(青紫)」「purple(紫)」のように色相を表す色名は大文字で表し
「purplish(紫みの)」「yellowish(黄みの)」「reddish(赤みの)」「greenish(緑みの)」「bluish(青みの)」のように「色みの修飾語」は小文字で表示します。

明度(Lightness)

PCCSでは明度は「Lightness(ライトネス)」といい、白から黒までのグレースケールを明度の基準とし、最も明るい白を明度9.5、最も暗い黒を明度1.5とし、その間を等間隔になるように15色の灰色を置いて、0.5きざみで表示されます 。明度1.5から9.5までを3つに分け、低明度(1.5〜4.0)、中明度(4.5〜6.5)、高明度(6.5〜9.5)としています。

彩度(Saturation)

PCCSでは彩度は鮮やかさを表しており「Saturation(サチュレーション)」と呼ばれます。彩度の段階は、各色相の中で最も鮮やかな色を「9s」とし、そしてこの「9s」の色と同じ明度の無彩色を最も低い彩度の段階「0s」として、その間を彩度の変化が等しく見えるように分割しています。
彩度は低彩度(1s〜3s)、中彩度(4s〜6s)、高彩度(7s〜9s)の3つに分けられています。

色の表示

 3属性による色の表示
色相、明度、彩度を用いて、色を表記することがでる。各属性の間にハイフンを挟み、「色相-明度-彩度」の順で表記します。例えば、純色の赤であれば、「2:R-4.5-9s」となります。

 色相とトーンによる色の表示
PCCSでは他に色相とトーンによっても色を表示することができます。純色の赤の場合、「2:R-4.5-9s」は「v2」とも表示できます。

色相とトーンによる色の表示

CCSでは明度や彩度によって同じような印象を持つ色調を「トーン(Tone)」と呼んでいます。
トーンは有彩色を12種、ブラックとホワイトを含む無彩色を5種に分類しています。
それぞれのトーンは「明るい」「薄い」「暗い」「鮮やかな」など、イメージを表す名称がつけられています。

色相とトーンによる色の表示
PCCSでは色相(Hue)とトーン(Tone)を利用した分類が特徴で、これをヒュートーンシステムと呼んでおり、色の三属性(色相、明度、彩度)による表示をしなくても、「トーンの略記号」と「色相番号」で色を表示できるようになっています。(例えば三属性で8:Y-8.0-9sと表示される色は、色相とトーンで表示すると、v8となる。)
PCCSのトーンの分類。「純色」「明清色」「暗清色」「中間色」「無彩色」で分けている。

PCCS Tone ( PCCS記号 / RGB ) 「純色」Pure color 「明清色」Light and clear color 「暗清色」Dark and clear color 「中間色」Middle color

Vivid Tone
 純色(pure color)
高彩度(9s)
 鮮やかな・派手な

v1

1:pR-4.0-9s
212-0-69

v2

2:R-4.5-9s
238-0-38

v3

3:yR-5.0-9s
253-26-28

v4

4:rO-5.5-9s
254-65-24

v5

5:O-6.0-9s
255-89-11

v6

6:yO-7.0-9s
255-127-0

v7

7:rY-7.5-9s
255-204-0

v8

8:Y-8.0-9s
255-230-0

v9

9:Y-7.5-9s
204-231-0

v10

10:YG-7.0-9s
153-207-21

v11

11:yG-6.0-9s
102-184-43

v12

12:G-5.5-9s
51-162-61

v13

13:bG-5.0-9s
0-143-98

v14

14:BG-4.5-9s
0-134-120

v15

15:BG-4.5-9s
0-122-135

v16

16:gB-4.0-9s
5-93-135

v17

17:B-3.5-9s
9-63-134

v18

18:B-3.5-9s
15-33-139

v19

19:pB-3.5-9s
29-26-136

v20

20:V-3.5-9s
40-18-133

v21

21:bP-3.5-9
/52-12-129

v22

22:P-3.5-9s
86-0-125

v23

22:P-3.5-9s
86-0-125

v24

24:RP-4.0-9s
175-0-101

Brihgt Tone
 明清色調(tint color)
高彩度(8s)
 明るい・陽気な

b2

2:R-6.0-8s
249-52-76

b4

4:rO-6.5-8s
252-78-50

b6

6:yO-7.5-8s
255-153-20

b8

8:Y-8.5-8
255-242-49

b10

10:YG-7.5-8s
153-208-43

b12

12:G-6.5-8s
51-166-94

b14

14:BG-6.0-8s
26-161-142

b16

16:gB-5.5-8s
29-134-174

b18

18:B-5.0-8s
56-108-176

b20

20:V-5.0-8s
105-100-173

b22

22:P-5.0-8s
164-90-170

b24

24:RP-5.5-8s
223-76-1481

Deep Tone
 暗清色調(shade color)
高彩度(8s)
 濃い・深い

dp2

2:R-3.5-8s
158-0-44

dp4

4:rO-4.0-8s
164-18-0

dp6

6:yO-5.0-8s
163-74-2

dp8

8:Y-6.0-8s
163-130-4

dp10

10:YG-5.0-8s
81-133-23

dp12

12:G-4.0-8s
47-111-65

dp14

14:BG-3.5-8s
2-89-101

dp16

16:gB-3.0-8s
4-67-109

dp18

18:B-2.5-8s
7-62-115

dp20

20:V-2.5-8s
35-33-102

dp22

22:P-2.5-8s
83-20-96

dp24

24:RP-3.0-8s
116-0-80

Light Tone
 明清色調(tint color)
中彩度(5s)
 澄んだ・さわやかな

lt2

2:R-7.5-5s
250-116-130

lt4

4:rO-8.0-5s
251-128-114

lt6

6:yO-8.5-5s
253-180-108

lt8

8:Y-9.0-5s
255-242-123

lt10

10:YG-8.5-5s
179-222-105

lt12

12:G-8.0-5s
127-201-126

lt14

14:BG-7.5-5s
102-194-174

lt16

16:gB-7.0-5s
103-178-202

lt18

18:B-6.5-5s
103-159-202

lt20

20:V-6.5-5s
128-125-186

lt22

22:P-6.5-5s
177-114-182

lt24

24:RP-7.0-5s
225-112-164

Dark Tone
 暗清色調(shade color)
中彩度(5s)
 暗い・大人っぽい

dk2

2:R-2.5-5s
99-42-49

dk4

4:rO-3.0-5s
116-53-38

dk6

6:yO-3.5-5s
108-73-25

dk8

8:Y-4.0-5s
105-91-24

dk10

10:YG-3.5-5s
86-86-26

dk12

12:G-3.0-5s
52-89-52

dk14

14:BG-2.5-5s
29-75-68

dk16

16:gB-2.5-5s
14-66-81

dk18

18:B-2.0-5s
22-52-79

dk20

20:V-2.0-5s
49-44-75

dk22

22:P-2.0-5s
74-48-75

dk24

24:RP-2.5-5s
99-49-66

Pale Tone
 明清色調(tint color)
低彩度(2s)
 女性的・若々しい

p2

2:R-8.5-2s
251-180-196

p4

4:rO-8.5-2s
253-205-183

p6

6:yO-9.0-2s
254-230-170

p8

8:Y-9.0-2s
255-255-179

p10

10:YG-9.0-2s
230-245-176

p12

12:G-8.5-2s
204-235-197

p14

14:BG-8.5-2s
179-226-216

p16

16:gB-8.5-2s
179-215-221

p18

18:B-8.0-2s
179-205-227

p20

20:V-8.0-2s
178-182-216

p22

22:P-8.0-2s
202-178-214

p24

24:RP-8.5-2s
227-173-213

Dark Grayish Tone
 暗清色調(shade color)
低彩度(2s)
 陰気な・男性的

dkg2

2:R-2.0-2s
58-44-46

dkg4

4:rO-2.0-2s
58-44-42

dkg6

6:yO-2.5-2s
70-59-52

dkg8

8:Y-2.5-2s
70-64-44

dkg10

10:YG-2.5-2s
62-63-49

dkg12

12:G-2.5-2s
36-52-45

dkg14

14:BG-2.0-2s
37-53-50

dkg16

16:gB-2.0-2s
40-53-57

dkg18

18:B-1.5-2s
34-40-49

dkg20

20:V-1.5-2s
40-36-40

dkg22

22:P-1.5-2s
40-36-48

dkg24

24:RP-2.0-2s
58-45-49

Strong Tone
 中間色調(moderate color)
高彩度(8s)
 強い・情熱的な

s2

2:R-4.5-8s
202-16-40

s4

4:rO-5.0-8s
204-70-19

s6

6:yO-6.5-8s
217-118-15

s8

8:Y-7.5-8s
204-185-20

s10

10:YG-6.5-8s
140-161-19

s12

12:G-5.0-8s
39-133-63

s14

14:BG-4.5-8s
41-115-100

s16

16:gB-4.0-8s
32-91-133

s18

18:B-3.5-8s
35-59-139

s20

20:V-3.5-8s
61-28-131

s22

22:P-3.5-8s
94-40-131

s24

24:RP-4.0-8s
153-15-79

Soft Tone
 中間色調(dull color)
中彩度(5s)
 柔らかな・穏やかな

sf2

2:R-6.0-5s
201-95-106

sf4

4:rO-6.5-5s
215-120-86

sf6

6:yO-7.0-5s
216-144-72

sf8

8:Y-7.5-5s
204-186-72

sf10

10:YG-7.0-5s
179-177-64

sf12

12:G-6.5-5
102-172-120

sf14

14:BG-6.0-5s
78-155-134

sf16

16:gB-5.5-5s
79-139-151

sf18

18:B-5.0-5s
81-102-144

sf20

20:V-5.0-5s
93-87-145

sf22

22:P-5.0-5s
140-85-136

sf24

24:RP-5.5-5s
177-80-118

Dull Tone
 中間色調(dull color)
中彩度(5s)
 鈍い・くすんだ

d2

2:R-4.5-5s
153-65-82

d4

4:rO-5.0-5s
178-68-67

d6

6:yO-5.5-5s
178-89-56

d8

8:Y-6.0-5s
153-127-66

d10

10:YG-5.5-5s
116-126-71

d12

12:G-5.0-5s
90-128-75

d14

14:BG-4.5-5s
42-107-104

d16

16:gB-4.0-5s
30-98-130

d18

18:B-3.5-5s
33-66-116

d20

20:V-3.5-5s
58-54-123

d22

22:P-3.5-5s
94-49-121

d24

24:RP-4.0-5s
128-42-104

Light Grayish Tone
 中間色調(dull color)
低彩度(2s)
 落ち着いた・渋い

ltg2

2:R-7.0-2s
215-164-182

ltg4

4:rO-7.0-2s
216-175-167

ltg6

6:yO-7.5-2s
217-186-151

ltg8

8:Y-7.5-2s
217-198-155

ltg10

10:YG-7.5-2s
170-192-155

ltg12

12:G-7.0-2s
158-188-163

ltg14

14:BG-6.0-2s
145-184-172

ltg16

16:gB-7.0-2s
145-175-187

ltg18

18:B-6.5-2s
145-164-182

ltg20

20:V-6.5-2s
145-145-173

ltg22

22:P-7.0-2s
169-151-176

ltg24

24:RP-6.5-2
192-158-179

Grayish Tone
 中間色調(dull color)
低彩度(2s)
 濁った・地味な

g2

2:R-4.0-2s
125-79-91

g4

4:rO-4.0-2s
125-95-97

g6

6:yO-4.5-2s
125-103-100

g8

8:Y-4.5-2s
125-111-89

g10

10:YG-4.5-2s
99-110-91

g12

12:G-4.0-2s
72-108-92

g14

14:BG-4.0-2s
56-91-99

g16

16:gB-4.0-2s
56-78-93

g18

18:B-3.5-2s
56-65-88

g20

20:V-3.5-2s
63-47-80

g22

22:P-3.5-2s
73-55-83

g24

24:RP-4.0-2s
90-58-84

「無彩色」Achromatic color

  Nuetral Tone 無彩色  白、灰色、黒

  •  
    255-255-255
    W

  • n-9.5
    241-242-241
    Gy-9.5

  • n-9.0
    228-228-228
    Gy-9.0

  • n-8.5
    214-214-214
    Gy-8.5

  • n-8.0
    201-201-201
    Gy-8.0

  • n-7.5
    187-187-187
    Gy-7.5

  • n-7.0
    174-174-174
    Gy-7.0

  • n-6.5
    161-161-161
    Gy-6.5

  • n-6.0
    148-148-148
    Gy-6.0

  • n-5.5
    135-135-135
    Gy-5.5

  • n-5.0
    122-122-122
    Gy-5.0

  • n-4.5
    109-109-109
    Gy-4.5

  • n-4.0
    97-97-97
    Gy-4.0

  • n-3.5
    84-84-84
    Gy-3.5

  • n-3.0
    72-72-72
    Gy-3.0

  • n-2.5
    60-60-60
    Gy-2.5

  • n-2.0
    50-50-50
    Gy-2.0

  • n-1.5
    39-39-39
    Gy-1.5


  • 0-0-0
    Bk

  • W ( White )

  • ltGy ( light Gray )

  • mGy ( medium Gray )

  • dkGy ( dark Gray )

  • Bk ( Black )