web color

フルカラー編基本チャート2－トーン別代表色＋Webセーフカラー

　

明
度
▼

彩
度
▼

　

赤

→

オレンジ

→

黄

←

黄緑

→

←

緑

→

←

シアン
（青緑）

→

←

青

→

←

紫

→

←

ピンク

→

赤

色相→

　

　

　

（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
明度=90

b

高
彩
度

　

#FFCCCC

#FFD9CC

#FFE6CC

#FFF3CC

#FFFFCC

#F3FFCC

#E6FFCC

#D9FFCC

#CCFFCC

#CCFFD9

#CCFFE6

#CCFFF3

#CCFFFF

#CCF3FF

#CCE6FF

#CCD9FF

#CCCCFF

#D9CCFF

#E6CCFF

#F3CCFF

#FFCCFF

#FFCCF3

#FFCCE6

#FFCCD9

○bright
彩度=100
明度=80

　

　

#FF9999

#FFB399

#FFCC99

#FFE699

#FFFF99

#E6FF99

#CCFF99

#B3FF99

#99FF99

#99FFB3

#99FFCC

#99FFE6

#99FFFF

#99E6FF

#99CCFF

#99B3FF

#9999FF

#B399FF

#CC99FF

#E699FF

#FF99FF

#FF99E6

#FF99CC

#FF99B3

●bright
彩度=100
明度=70

　

　

#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
明度=60

v

　

#FF3333

#FF6633

#FF9933

#FFCC33

#FFFF33

#CCFF33

#99FF33

#66FF33

#33FF33

#33FF66

#33FF99

#33FFCC

#33FFFF

#33CCFF

#3399FF

#3366FF

#3333FF

#6633FF

#9933FF

#CC33FF

#FF33FF

#FF33CC

#FF3399

#FF3366

●vivid
彩度=100
明度=50

　

　

#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

○deep
彩度=100
明度=30

　

　

#990000

#992600

#994C00

#997300

#999900

#739900

#4C9900

#269900

#009900

#009926

#00994C

#009973

#009999

#007399

#004C99

#002699

#000099

#260099

#4C0099

#730099

#990099

#990073

#99004C

#990026

○deep
彩度=100
明度=20

　

　

#660000

#661900

#663300

#664C00

#666600

#4C6600

#336600

#196600

#006600

#006619

#006633

#00664C

#006666

#004C66

#003366

#001966

#000066

#190066

#330066

#4C0066

#660066

#66004C

#660033

#660019

○deep
彩度=100
明度=10

　

　

#330000

#330C00

#331900

#332600

#333300

#263300

#193300

#0C3300

#003300

#00330C

#003319

#003326

#003333

#002633

#001933

#000C33

#000033

#0C0033

#190033

#260033

#330033

#330026

#330019

#33000C

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

●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

○soft
彩度=50
明度=60

　

　

#CC6666

#CC8066

#CC9966

#CCB366

#CCCC66

#B3CC66

#99CC66

#80CC66

#66CC66

#66CC80

#66CC99

#66CCB3

#66CCCC

#66B3CC

#6699CC

#6680CC

#6666CC

#8066CC

#9966CC

#B366CC

#CC66CC

#CC66B3

#CC6699

#CC6680

○dull
彩度=60
明度=50

d

　

#CC3333

#CC5933

#CC7F33

#CCA633

#CCCC33

#A6CC33

#80CC33

#59CC33

#33CC33

#33CC59

#33CC7F

#33CCA6

#33CCCC

#33A6CC

#3380CC

#3359CC

#3333CC

#5933CC

#7F33CC

#A633CC

#CC33CC

#CC33A6

#CC3380

#CC3359

●dull
彩度=50
明度=50

　

　

#C04040

#C06040

#C08040

#C0A040

#C0C040

#A0C040

#80C040

#60C040

#40C040

#40C060

#40C080

#40C0A0

#40C0C0

#40A0C0

#4080C0

#4060C0

#4040C0

#6040C0

#8040C0

#A040C0

#C040C0

#C040A0

#C04080

#C04060

○dull
彩度=50
明度=40

　

　

#993333

#994C33

#996633

#998033

#999933

#809933

#669933

#4C9933

#339933

#33994C

#339966

#339980

#339999

#338099

#336699

#334C99

#333399

#4C3399

#663399

#803399

#993399

#993380

#993366

#99334C

●dark
彩度=50
明度=30

d

　

#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

○light
grayish
彩度=33
明度=70

　

　

#CC9999

#CCA699

#CCB399

#CCBF99

#CCCC99

#BFCC99

#B3CC99

#A6CC99

#99CC99

#99CCA6

#99CCB3

#99CCBF

#99CCCC

#99BFCC

#99B3CC

#99A6CC

#9999CC

#A699CC

#B399CC

#BF99CC

#CC99CC

#CC99BF

#CC99B4

#CC99A6

●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
彩度=33
明度=30

dg

　

#663333

#664033

#664B33

#665933

#666633

#596633

#4C6633

#406633

#336633

#336640

#33664B

#336659

#336666

#335966

#334B66

#334066

#333366

#403366

#4B3366

#593366

#663366

#663359

#66334B

#663340

●dark
grayish
彩度=20
明度=30

　

　

#5C3D3D

#5C453D

#5C4C3D

#5C543D

#5C5C3D

#545C3D

#4C5C3D

#455C3D

#3D5C3D

#3D5C45

#3D5C4C

#3D5C54

#3D5C5C

#3D545C

#3D4C5C

#3D455C

#3D3D5C

#453D5C

#4C3D5C

#543D5C

#5C3D5C

#5C3D54

#5C3D4C

#5C3D45