Web カラー 和色、パステル、白黒
十人十色というように人それぞれ、「好きな色」「嫌いな色」はあるもので、何かを作るとき色の選定は重要な要素になります。
Webで使われるRGB値に該当する、「和色」「パステルカラー」「白黒系統の色」をまとめました。制作のヒントになれば幸いです。
また、「和色」の名前は聞いたことがあるがどんな色だろう?という人にも一見の価値があるかもしれません。
【目次 - 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 |
|
鳥の子色 |
練色 |
桑染 |
空五倍子色 |
PR
■ 和色 - 緑 系統 | 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 |
||||
群青色 |
■ 和色 - 紫 系統 | 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 |
墨色 |
消炭色 |
橡色 |
憲房色 |
漆黒 |
■ パステルカラー
前に出過ぎず、出しゃばらず。あるいはキュートにアクセント?!
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 白黒系」「日本の伝統色」)
PR
【目次 - Web カラー 和色、パステル、白黒】
2011/04/15
※情報はいろんなサイトから、または私の興味から構成されています。お役に立てば幸せです。
» iso.labo home | アイエスオーラボ ホーム » labo | 好奇心に、こちょこちょ。 » web_color_plus | Web カラー 和の色、パステル、白黒
▲ページTOPへ