web_color_plus / 

Web カラー 和色、パステル、白黒

Web カラー 和の色、パステル、白黒 タイトル

十人十色というように人それぞれ、「好きな色」「嫌いな色」はあるもので、何かを作るとき色の選定は重要な要素になります。

Webで使われるRGB値に該当する、「和色」「パステルカラー」「白黒系統の色」をまとめました。制作のヒントになれば幸いです。
また、「和色」の名前は聞いたことがあるがどんな色だろう?という人にも一見の価値があるかもしれません。



Web カラー 配色パターン 一覧リスト 仕切り線 Web カラー 配色パターン 一覧リスト 仕切り線

色の諺(ことわざ)

「紅一点」「朱に交われば赤くなる」「色の白いは七難隠す」「青天の霹靂」「青は藍より出でて藍より青し」「蜜柑が黄色くなると医者が青くなる」「親の脛囓る息子の歯の白さ」「柳は緑花は紅」「黒白を弁ぜず」など
日本人は、色と言葉にも関係性を持たせています。



 和色 - 赤 系統 | Red


BC5A97

CD4281

B74465

C0401A

CB3C00

牡丹色
(ぼたんいろ)


躑躅色
(つつじいろ)


紅色
(べにいろ・くれない)


緋色
(ひいろ)


猩々緋
(しょうじょうひ)


D35134

CA8177

8A4957

5D0930

99003E

朱色
(しゅいろ)


真赭・辰砂
(しんしゃ)


蘇芳色
(すおういろ)


葡萄色・海老色
(えびいろ)


茜色
(あかねいろ)


99003D

6E4B46

463F39

7C4745

CD8E8F

臙脂色
(えんじいろ)


檜皮色
(ひわだいろ)


栗色
(くりいろ)


小豆色
(あずきいろ)


退紅
(たいこう)


B77876

DEA0AC

B4586A

DD9BA6

E5AAB6

薄紅
(うすくれない)


撫子色
(なでしこいろ)


今様色
(いまよういろ)


紅梅色
(こうばいいろ)


薄紅梅
(うすこうばい)


DD8B91

F6E3E5

F8E8E4

E4A4B7

DE896F

桃色
(ももいろ)


桜色
(さくらいろ)


一斤染
(いっこんぞめ)


鴇色
(ときいろ)


東雲色
(しののめいろ)


DE8F92

D9CDCE

珊瑚色
(さんごいろ)

灰桜
(はいざくら)



 和色 - 橙・茶 系統 | Orange&Brown


C75A36

CB5C44

D55F3B

DE8500

DF8D5D

丹色
(にいろ)


鉛丹
(えんたん)


柿色
(かきいろ)


橙色
(だいだいいろ)


赤朽葉
(あかくちば)


D7825C

E7A756

B56841

BE4B2A

C07D33

(糸+熏)色
(そひいろ)


萱草色
(かんぞういろ)


代赭色
(たいしゃいろ)


蒲色・樺色
(かばいろ)


狐色
(きつねいろ)


CC714E

EFC8AA

6A4510

8A4634

B87C59

洗朱
(あらいしゅ)


肌色・膚色
(はだいろ)


茶色
(ちゃいろ)


弁柄色
(べんがらいろ)


土器色
(かわらけいろ)


C3865B

9D8160

B68A51

4C352B

5E2300

丁字色
(ちょうじいろ)


黄橡
(きつるばみ)


琥珀色
(こはくいろ)


焦茶
(こげちゃ)


海老茶
(えびちゃ)


37463A

E9B079

E4C6A0

DFCC9F

A47553

煤竹色
(すすだけいろ)


朽葉色
(くちばいろ)


枯色
(かれいろ)


香色
(こういろ)


江戸茶
(えどちゃ)


A87F43

DBC3A8

726853

60542C

323735

桑茶
(くわちゃ)


白茶
(しろちゃ)


媚茶
(こびちゃ)


鶯茶
(うぐいすちゃ)


千歳茶
(せんざいちゃ)


9A6B4D

715946

9F8064

A77416

団十郎茶
(だんじゅうろうちゃ)

璃寛茶
(りかんちゃ)

芝翫茶
(しかんちゃ)

路考茶
(ろこうちゃ)



 和色 - 黄 系統 | Yellow


EBB11C

EFBA00

F1C45A

DFC93A

E0D62D

山吹色
(やまぶきいろ)


鬱金色
(うこんいろ)


梔子色・支子色
(くちなしいろ)


黄蘗色
(きはだいろ)


刈安色
(かりやすいろ)


DAA513

C69442

EEBF7B

F3CB59

F0C686

黄金色
(こがねいろ)


黄土色
(おうどいろ)


雄黄
(ゆうおう)


雌黄
(しおう)


玉子色
(たまごいろ)


FDF0C5

FAEBCD

A89563

847768

鳥の子色
(とりのこいろ)

練色
(ねりいろ)

桑染
(くわぞめ)

空五倍子色
(うつふしいろ)


iso.labo_line iso.labo_line

 和色 - 緑 系統 | Green


B7C31A

CFCD32

BFD4A5

9BB73C

71854F

黄緑
(きみどり)


鶸色
(ひわいろ)


若葉色
(わかばいろ)


萌葱
(もえぎ)


草色
(くさいろ)


7F864F

6D6F5B

6A682C

B0C185

C3C689

苔色
(こけいろ)


海松色
(みるいろ)


鶯色
(うぐいすいろ)


柳色
(やなぎいろ)


抹茶色
(まっちゃいろ)


7B806A

4A9D6E

4C865C

5F886C

589182

山鳩色
(やまばといろ)



(みどり)


常磐色
(ときわいろ)


木賊色
(とくさいろ)


青竹色
(あおだけいろ)


005234

B6D3B1

5D8670

C8DFCE

90B9A0

深緑
(ふかみどり)

浅緑
(あさみどり)

緑青色
(ろくしょういろ)

白緑
(ひゃくろく)

青磁色
(せいじいろ)



 和色 - 青 系統 | Blue


5D8670

7EB9C3

0089A3

ADCFD9

AED5E9

青緑
(あおみどり)


新橋色
(しんばしいろ)


浅葱色
(あさぎいろ)


水浅葱
(みずあさぎ)


水色
(みずいろ)


C7E0E0

0077B5

006395

3488C3

003961

瓶覗
(かめのぞき)



(あお)


縹色
(はなだいろ)


露草色
(つゆくさいろ)


藍色
(あいいろ)


182448

00657F

002049

1C3957

001B2C

褐色・搗色
(かちいろ・かちんいろ)


納戸色
(なんどいろ)


紺色
(こんいろ)


紺青
(こんじょう)


鉄紺
(てつこん)


3B4049

30093F

5990B9

A0CDE8

135498

茄子紺
(なすこん)


紫紺
(しこん)


薄縹
(うすはなだ)


空色
(そらいろ)


瑠璃色
(るりいろ)


3A5B9C

群青色
(ぐんじょういろ)

ページTOPへ



 和色 - 紫 系統 | Purple


776FA6

6E5192

515B9A

4E5798

7967A0

青紫
(あおむらさき)


菫色
(すみれいろ)


桔梗色
(ききょういろ)


紫苑色
(しおんいろ)


楝色・樗色
(おうちいろ)


A7A2C8

915996

6D4B78

6D436C

564475

藤色
(ふじいろ)



(むらさき)


古代紫
(こだいむらさき)


京紫
(きょうむらさき)


江戸紫
(えどむらさき)


473E52

483339

A699A3

4F3B4D

二藍
(ふたあい)

濃色
(こきいろ)

薄色
(うすいろ)

滅紫
(けしむらさき・めっし)



 和色 - 白・灰・黒 系統 | White&Gray&Black


FAFCF9

F5F7F4

F4EFE3

919090

999899


(しろ)


乳白色
(にゅうはくしょく)


灰白色
(かいはくしょく)


薄墨色
(うすずみいろ)


銀鼠
(ぎんねず)


A09882

A1AB9B

797A7B

7A7979

5F615F

灰汁色
(あくいろ)


深川鼠
(ふかがわねず)


灰色
(はいいろ)


鼠色
(ねずみいろ)


鈍色
(にびいろ)


60604D

727477

887574

948A84

6A7069

青鈍
(あおにび)


鉛色
(なまりいろ)


梅鼠
(うめねず)


茶鼠
(ちゃねず)


利休鼠
(りきゅうねずみ)


4E6771

063841

63545B

62576E

494555

藍鼠
(あいねず)


錆鼠
(さびねず)


葡萄鼠
(ぶどうねず)


鳩羽色
(はとばいろ)


濃鼠
(こいねず)


1F1A16

3E3D3C

48484A

534C48

000003

墨色
(すみいろ)

消炭色
(けしずみいろ)

橡色
(つるばみいろ)

憲房色
(けんぼういろ)

漆黒
(しっこく)


iso.labo_line iso.labo_line

 パステルカラー

前に出過ぎず、出しゃばらず。あるいはキュートにアクセント?!

fff0f0

fff5f0

fffaf0

fffff0

fafff0

f5fff0

f0fff0

f0fff5

f0fffa

f0ffff

f0faff

f0f5ff

f0f0ff

f5f0ff

faf0ff

fff0ff

fff0fa

fff0f5

fff7fa

fff7f7



 色味のある黒

黒の中にも色味を感じさせる色を集めてみました。使い方によっては渋くもなるし、クールにもなるし、高級感を出せるやも。

462f2f

46392f

46432f

3c462f

37462f

32462f

2f4635

2f463a

2f4641

2f4646

2f4146

2f3c46

2f3746

2f3746

2f3746

372f46

412f46

462f41

462f37

462f32



白黒 系統(グレースケール)

RGBの値を5づつ減算した、数値表になります。以外と役に立つかもしれません。他のサイトでやってなさそうなので。


ffffff

fafafa

f5f5f5

f0f0f0

ebebeb

R:255; G:255; B:255;


R:250; G:250; B:250;


R:245; G:245; B:245;


R:240; G:240; B:240;


R:235; G:235; B:235;


e6e6e6

e1e1e1

dcdcdc

d7d7d7

d2d2d2

R:230; G:230; B:230;


R:225; G:225; B:225;


R:220; G:220; B:220;


R:215; G:215; B:215;


R:210; G:210; B:210;


cdcdcd

c8c8c8

c3c3c3

bebebe

b9b9b9

R:205; G:205; B:205;


R:200; G:200; B:200;


R:195; G:195; B:195;


R:190; G:190; B:190;


R:185; G:185; B:185;


b4b4b4

afafaf

aaaaaa

a5a5a5

a0a0a0

R:180; G:180; B:180;


R:175; G:175; B:175;


R:170; G:170; B:170;


R:165; G:165; B:165;


R:160; G:160; B:160;


9b9b9b

969696

919191

8c8c8c

878787

R:155; G:155; B:155;


R:150; G:150; B:150;


R:145; G:145; B:145;


R:140; G:140; B:140;


R:135; G:135; B:135;


828282

7d7d7d

787878

737373

6e6e6e

R:130; G:130; B:130;


R:125; G:125; B:125;


R:120; G:120; B:120;


R:115; G:115; B:115;


R:110; G:110; B:110;


696969

646464

5f5f5f

5a5a5a

555555

R:105; G:105; B:105;


R:100; G:100; B:100;


R:95; G:95; B:95;


R:90; G:90; B:90;


R:85; G:85; B:85;


505050

4b4b4b

464646

414141

3c3c3c

R:80; G:80; B:80;


R:75; G:75; B:75;


R:70; G:70; B:70;


R:65; G:65; B:65;


R:60; G:60; B:60;


373737

323232

2d2d2d

282828

232323

R:55; G:55; B:55;


R:50; G:50; B:50;


R:45; G:45; B:45;


R:40; G:40; B:40;


R:35; G:35; B:35;


1e1e1e

191919

141414

0f0f0f

0a0a0a

R:30; G:30; B:30;


R:25; G:25; B:25;


R:20; G:20; B:20;


R:15; G:15; B:15;


R:10; G:10; B:10;


050505

000000

R:5; G:5; B:5;


R:0; G:0; B:0;


【参考サイト】
(「■Rainbowcoat 白黒系」「日本の伝統色」)




Web カラー 配色パターン 一覧リスト 仕切り線 Web カラー 配色パターン 一覧リスト 仕切り線 iso.labo_line

Web カラー 和の色、パステル、白黒
2011/04/15
※情報はいろんなサイトから、または私の興味から構成されています。お役に立てば幸せです。

アイエスオーラボ 仕切り線

» iso.labo home | アイエスオーラボ ホーム » labo | 好奇心に、こちょこちょ。 » web_color_plus | Web カラー 和の色、パステル、白黒
ページTOPへ