web color

フルカラー編基本チャート1－トーン別代表色

▼単位%

明
度
▼

彩
度
▼

赤

→

オレンジ

→

黄

←

黄緑

→

←

緑

→

←

シアン
（青緑）

→

←

青

→

←

紫

→

←

ピンク

→

赤

色相→

　

　

（0）

（15）

（30）

（45）

（60）

（75）

（90）

（105）

（120）

（135）

（150）

（165）

（180）

（195）

（210）

（225）

（240）

（255）

（270）

（285）

（300）

（315）

（330）

（345）

●bright
彩度=100
明度=70

b

高
彩
度

#FF6666

#FF8C66

#FFB366

#FFD966

#FFFF66

#D9FF66

#B3FF66

#8CFF66

#66FF66

#66FF8C

#66FFB3

#66FFD9

#66FFFF

#66D9FF

#66B3FF

#668CFF

#6666FF

#8C66FF

#B366FF

#D966FF

#FF66FF

#FF66D9

#FF66B3

#FF668C

●vivid
彩度=100
明度=50

v

#FF0000

#FF4000

#FF8000

#FFC000

#FFFF00

#C0FF00

#80FF00

#40FF00

#00FF00

#00FF40

#00FF80

#00FFC0

#00FFFF

#00C0FF

#0080FF

#0040FF

#0000FF

#4000FF

#8000FF

#C000FF

#FF00FF

#FF00C0

#FF0080

#FF0040

●strong
彩度=80
明度=50

s

#E61919

#E64C19

#E67F19

#E6B319

#E6E619

#B3E619

#80E619

#4CE619

#19E619

#19E64C

#19E67F

#19E6B3

#19E6E6

#19B3E6

#1980E6

#194CE6

#1919E6

#4C19E6

#7F19E6

#B319E6

#E619E6

#E619B3

#E61980

#E6194C

●deep
彩度=100
明度=40

dp

#CC0000

#CC3300

#CC6600

#CC9900

#CCCC00

#99CC00

#66CC00

#33CC00

#00CC00

#00CC33

#00CC66

#00CC99

#00CCCC

#0099CC

#0066CC

#0033CC

#0000CC

#3300CC

#6600CC

#9900CC

#CC00CC

#CC0099

#CC0066

#CC0033

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

●light
彩度=70
明度=80

l

中
彩
度

#F0A8A8

#F0BAA8

#F0CCA8

#F0DEA8

#F0F0A8

#DEF0A8

#CCF0A8

#BAF0A8

#A8F0A8

#A8F0BA

#A8F0CC

#A8F0DE

#A8F0F0

#A8DEF0

#A8CCF0

#A8BAF0

#A8A8F0

#BAA8F0

#CCA8F0

#DEA8F0

#F0A8F0

#F0A8DE

#F0A8CC

#F0A8BA

●soft
彩度=50
明度=65

sf

#D37979

#D38F79

#D3A679

#D3BC79

#D3D379

#BCD379

#A6D379

#8FD379

#79D379

#79D38F

#79D3A6

#79D3BC

#79D3D3

#79BCD3

#79A6D3

#798FD3

#7979D3

#8F79D3

#A679D3

#BC79D3

#D379D3

#D379BC

#D379A6

#D37990

●dull
彩度=50
明度=50

d

#C04040

#C06040

#C08040

#C0A040

#C0C040

#A0C040

#80C040

#60C040

#40C040

#40C060

#40C080

#40C0A0

#40C0C0

#40A0C0

#4080C0

#4060C0

#4040C0

#6040C0

#8040C0

#A040C0

#C040C0

#C040A0

#C04080

#C04060

●dark
彩度=50
明度=30

dk

#732626

#733926

#734C26

#736026

#737326

#607326

#4C7326

#397326

#267326

#267339

#26734C

#267360

#267373

#266073

#264C73

#263973

#262673

#392673

#4C2673

#602673

#732673

#732660

#73264C

#732639

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

●pale
彩度=40
明度=90

p

低
彩
度

#F0DCDC

#F0E1DC

#F0E6DC

#F0EBDC

#F0F0DC

#EBF0DC

#E6F0DC

#E1F0DC

#DCF0DC

#DCF0E1

#DCF0E6

#DCF0EB

#DCF0F0

#DCEBF0

#DCE6F0

#DCE1F0

#DCDCF0

#E1DCF0

#E6DCF0

#EBDCF0

#F0DCF0

#F0DCEB

#F0DCE6

#F0DCE1

●light
grayish
彩度=20
明度=70

lg

#C2A3A3

#C2ABA3

#C2B3A3

#C2BAA3

#C2C2A3

#BAC2A3

#B3C2A3

#ABC2A3

#A3C2A3

#A3C2AB

#A3C2B3

#A3C2BA

#A3C2C2

#A3BAC2

#A3B3C2

#A3ABC2

#A3A3C2

#ABA3C2

#B3A3C2

#BAA3C2

#C2A3C2

#C2A3BA

#C2A3B3

#C2A3AB

●grayish
彩度=20
明度=50

g

#996666

#997366

#997F66

#998C66

#999966

#8C9966

#809966

#739966

#669966

#669973

#66997F

#66998C

#669999

#668C99

#668099

#667399

#666699

#736699

#7F6699

#8C6699

#996699

#99668C

#996680

#996673

●dark
grayish
彩度=20
明度=30

dg

#5C3D3D

#5C453D

#5C4C3D

#5C543D

#5C5C3D

#545C3D

#4C5C3D

#455C3D

#3D5C3D

#3D5C45

#3D5C4C

#3D5C54

#3D5C5C

#3D545C

#3D4C5C

#3D455C

#3D3D5C

#453D5C

#4C3D5C

#543D5C

#5C3D5C

#5C3D54

#5C3D4C

#5C3D45