和色とカラーコード順色見本:備忘録

wa-shoku css :デザイン
和色:同じ色名で異なる色彩表現
記事内に広告が含まれています。

Thank you for reading this post, don't forget to subscribe!

 今回の記事は只の色見本です。、新たな発見のありました。
Webサイトでの色使いや、Blog記事でチョットした色を使いたいとき、微妙なグラデーションカラーを使いたい時など、色の選択と使い方には様々なシュチエーションがあると思います。
中には、
同じカラーコード #00FFFFで、
別の呼び名アクアAqua」と、シアンCyan」、

同じ呼び名で、別のカラーコード
.「 Medium_springgreen #00FA9A:薄いグリーン系と、
.「 Medium_Spring_Green#348017:濃いグリーン系なんてものもあります。

日本古来の色には和名を付けています。
.「濃紺」:「 のうこん#1F2F54の様に、別名で「 Navy blue」とも呼ばれたりしますが、
別の色で、.「 Navy」または、「 Navy blue」でも #000080で存在します。

日本の古来色で、
瑠璃紺るりこん#19448E と、
紺瑠璃こんるり#213380 で、日本文化の微妙な色使いの違い・使い分けも面白いものです。
そんな時のための備忘録として記事を書いています。(RGB表示は未整備です。)

呼び名がわからず、カラーコードの略称の様な呼び名を付けているものもあります。
例えば、
#000033は、z003、・・・、
#0033FFは、z03fの様に)

カラーコード順に並べてみたところ、新たな発見もありました。
それは、別系統の色が間に含まれていることです。 
ほかにも、
様々な違いがある様です(次の章でいくつか挙げますが、)あなたに、ご興味があったら探してみてください。
アンダーライン部分は、クリックで直接そのカラーにジャンプして色合いを確認できます。
.各カラー内の、上向きアイコン(     )のクリックで、該当の指定個所に戻ります。

PR広告
PR広告

「16進カラーコード」とカラーの関係

以下で一部のコードについて、関連や違いを抜粋しています。

 同コードで/別名2

同じコードで、複数のカラーの呼び名があります。
#FF00FF で
Fuchsia(フクシア) と  Magenta(マゼンタ)

#FFEDCD で
Blanche dalmond(ブランシュ・ダルモンド) と 
Blanched Almond(アーモンド)

#FFFFE0 で
LightYellow(薄黄色) と  ivory(アイボリー象牙色)

 同名/別コード2

同じカラー名で、複数の色合いがあります。
Gray(#736F6E) #736F6E と 
Gray(#808080) #808080
 
Maroon マルーン(ブラウン系)     #800000 と
Maroon マルーン(オレンジ・レッド系) #810541

Light blueライトブルー  #ADD8E6 と
Light Blueライトブルー  #ADDFFF と
水色(みずいろ)light blue #BCE2E8

Powder_blue(#B0E0E6) #B0E0E6 と
Powder_Blue(#C6DEFF) #C6DEFF

 和名/英語表記

次は、日本の色名と英語表記で、どうなのかを見てみましょう(ここではGoogle翻訳を使います)
 (blue) #0095D9 と  Blue (青) #0000FF

黄色(yellow) #FFD900 と  Yellow(黄色) #FFFF00

黄金(こがね) #E6B422 と  Gold  (黄金) #FFD7000

紫 (Purple) #884898 と  Purple (紫) #800080

きみどり(Yellow Green) #B8D200 と  Yellow Green(黄緑) #52D017

 「和色 : 絶妙なおもむき

 同じ文字で読み方違いで別の色:
日本の伝統色や微妙な色使いを一般に「色名」または「色彩名称」と呼ぶことが多いです。特に、日本の伝統的な色名には、同じ名称でも微妙に異なる色合いが存在することがあります。これらの微妙な色の違いを含む色彩表現は、「和色(わしょく)」とも呼ばれることがあります。
べに  (紅) #CF3525 と 
くれない(紅) #D7003A

「和色(わしょく)

日本の伝統色には、非常に多くの美しい色名があります。以下にいくつかの代表的な色とそのカラーコードを紹介します:

ここで、#で始まるコード部分をクリックすると、コード順Tableの該当位置にジャンプします。(和色)が、どの他のカラーに近いかが、わかると思います。
また、ジャンプ先での#で始まるコード部分をクリックすると、ここの位置に戻ってきます。

 和色(抜粋)Table
No 和色 よみかた  コード 説明
1 桜色 さくらいろ

#FEDFE1

桜の花びらのような淡いピンク色
2 若草色 わかくさいろ

#C3D825

若い草や新芽のような明るい緑色
草色 くさいろ

#7B8D42

枯草色 かれくさいろ

#E4DC8A

3 藍色 あいいろ

#0D3B66

深く濃い青色で、伝統的な藍染めの色
濃藍 こいあい

#0F2350

4 朱色 ※ しゅいろ ※

#E60033

明るい赤色で、日本の伝統的な装飾に使われる
朱色 ※ しゅいろ ※

#EB6101

※ 別の色合い:色彩
5 浅葱色 あさぎいろ

#00A5C6

淡い青緑色で、水のような涼しげな色
花浅葱 はなあさぎ

#2A83A2

薄浅葱 うすあさぎ

#69C2C7

6 柿色 かきいろ

#F04E1F

熟した柿の実のような鮮やかなオレンジ色
柿色 かきいろ

#ED6D3D

※ 別の色合い:色彩
7 鶯色 うぐいすいろ

#6C6024

鶯(うぐいす)の羽のような深い緑色
鶯色 うぐいすいろ

#928C36

※ 別の色合い:色彩
8 藤色 ふじいろ

#A59ACA

藤の花のような淡い紫色
藤色 ふじいろ

#BBBCDE

※ 別の色合い:色彩
9 若竹色 わかたけいろ

#7B9365

若い竹のような新鮮な緑色
若竹色 わかたけいろ

#68BE8D

※ 別の色合い:色彩
10 牡丹色 ぼたんいろ

#E7609E

牡丹の花のような鮮やかなピンク色
11 空色 そらいろ

#A0D8EF

晴れた空のような明るい青色
12 山吹色 やまぶきいろ

#FFB11B

山吹の花のような明るい黄色
山吹色 やまぶきいろ

#F8B500

※ 別の色合い:色彩
13 茜色 あかねいろ

#B7282E

茜草から取れる染料で染めた赤色
14 萌黄色 もえぎいろ

#A3D675

若葉の芽生えのような新鮮な黄緑色
萌黄色 もえぎいろ

#006E54

※ 別の色合い:色彩
15 群青色 ぐんじょういろ

#4C6CB3

深く濃い青色で、絵の具や染料に使われることが多い
紺青 こんじょう

#192F60

紺色がつく和色

RGB部分をクリックすると、コード順Tableの該当位置にジャンプします。紺がつく和色が、他のどのカラーに近いかが、わかると思います。
また、ジャンプ先でRGB部分をクリックすると、ここの位置に戻ってきます。

 紺色がつく和色
よみかた 和色 Code RGB
こんぺき 紺碧 #0070BB

0,123,187

てつこん 鉄紺 #17184B

23,24,75

こんじょう 紺青 #192F60

25,47,96

るりこん 瑠璃紺 #19448E

25,68,142

とめこん 留紺 #1C305C

28,48,92

のうこん 濃紺 #1F2F54

31,47,84

こんるり 紺瑠璃 #213380

33,51,128

こんいろ 紺色 #223A70

34,58,112

PR広告

カラーコード テーブル

 Table Last に進む

 Table Top
M よみかた  Code RGB

  J

black#0000000,0,0

1

z003    #000033 0,0,51 2
z006#0000660,0,1023
4
Darkblue#00008B5
z009#0000990,0,1536
Earth_Blue#0000A07
z00c#0000CC0,0,2048
Medium_blue #0000CD 9

Blue    #0000FF 0,0,255 10
Cobalt_Blue#0020C211
z030 #003300 0,51,0 12
z033#0033330,51,5113
z036#0033660,51,10214
z039#0033990,51,15315
z03c#0033CC0,51,20416

z03f    #0033FF 0,51,255 17
Blueberry_Blue#0041C218
てついろ 鉄色#0052430,82,6719
ふかみどり 深緑#00552E0,85,4620
darkgreen#00640021
z060#0066000,102,0022
z063#0066330,102,5123
z066#0066660,102,10224
z069#0066990,102,153

  25

z06c#0066CC0,102,20426
z06f#0066FF0,102,25527
もえぎいろ 萌葱色 ※

#006E54

0,110,84 28
こんぺき 紺碧 #0070BB

0,123,187

29
ときわいろ 常盤色#007B430,123,6730
green#00800031
Teal#00808032
Darkcyan#008B8B33

あお 青 #0095D9 0,149,217 34
z090#0099000,153,036
z093#0099330,153,5137
z096#0099660,153,10238
z099#0099990,153,15339

z09c    #0099CC 0,153,204 40
z09f#0099FF0,153,25541
あおみどり 青緑 #00A497 0,164,151 42
あさぎいろ 浅葱色

#00A5C6

43
Deepskyblue#00BFFF44
z0c0#00CC000,204,045
z0c3#00CC330,204,5146
z0c6#00CC660,204,10247
z0c9#00CC990,204,15348
z0cc#00CCCC0,204,20449
z0cf#00CCFF0,204,255

  50

Dark_turquoise#00CED10,206,20951

Medium_springgreen  #00FA9A 0,250,154 52
Lime#00FF000,255,053
z0f3#00FF330,255,5154
z0f6#00FF660,255,10255
Springgreen#00FF7F56
z0f9#00FF990,255,15357
z0fc#00FFCC0,255,20458

Cyan or
Aqua 
#00FFFF 0,255,255 59
Night#0C090A12,9,1060
あいいろ 藍色

#0D3B66

61
こいあい 濃藍

#0F2350

15,35,80 62
Midnight_Blue#151B5421,27,8463
Denim_Dark_Blue#151B8D21,27,14164
Lapis_Blue#15317E65
Blue_Eyes#1569C766
Blue_Dress#157DEC67
Dodger_Blue#1589FF68
てつこん 鉄紺 #17184B

23,24,75

69
Midnight_blue#19197070
こんじょう 紺青

#192F60

25,47,96

71

るりこん 瑠璃紺  #19448E

25,68,142

72
とめこん 留紺 #1C305C

28,48,92

73
るりいろ 瑠璃色#1E50A230,80,16274
Dodgerblue#1E90FF

  75

のうこん 濃紺(Navy blue) #1F2F54

31,47,84

76
Blue_Orchid#1F45FC77
Lightseagreen#20B2AA78

こんるり 紺瑠璃    #213380

33,51,128

79
こんいろ 紺色 #223A70

34,58,112

80
Forestgreen#228B2281
Dark_Slate_Grey#25383C82
Dark_Forest_Green#25411783
Sapphire_Blue#2554C784
りょくちゃいろ 緑茶色#26610F38,97,1585
はなあさぎ 花浅葱

#2A83A2

42,131,162 86
Midnight#2B1B1787
Dark_Slate_Blue#2B385688
Blue_Jay#2B547E89
Royal_Blue#2B60DE90
Ocean_Blue#2B65EC91
Gunmetal#2C353992
あまいろ 天色#2CA9E144,169,22593
Seagreen#2E8B5794
darkslategray#2F4F4F95
Medium_Sea_Green#30675496
Blue_Ribbon#306EFF97
Greenish_Blue#307D7E98
Blue_Ivy#3090C799
Limegreen#32CD32

  100

c300#33000051,0,0101
c303#33003351,0,51102
c306#33006651,0,102103
c309#33009951,0,153104
c30c#3300CC51,0,204105
c30f#3300FF51,0,255106
c330#33330051,51,0107
c333#33333351,51,51108
c336#33336651,51,102109
c339#33339951,51,153110
c33c#3333CC51,51,204111
c33f#3333FF51,51,255112
c360#33660051,102,0113
c363#33663351,102,51114
c366#33666651,102,102115
c369#33669951,102,153116
c36c#3366CC51,102,204117
c36f#3366FF51,102,255118
c390#33990051,153,0119
しんりょくしょく 新緑色#33993351,153,51120
c396#33996651,153,102121
c399#33999951,153,153122
c39c#3399CC51,153,204123
c39f#3399FF51,153,255124
c3c0#33CC0051,204,0

  125

c3c3#33CC3351,204,51126
c3c6#33CC6651,204,102127
c3c9#33CC9951,204,153128
c3cc#33CCCC51,204,204129
c3cf#33CCFF51,204,255130
c3f0#33FF0051,255,0131
c3f3#33FF3351,255,51132
c3f6#33FF6651,255,102133
c3f9#33FF9951,255,153134
c3fc#33FFCC51,255,204135
c3ff#33FFFF51,255,255136
Charcoal#34282C137
Blue_Whale#342D7E138
Medium_Forest_Green#347235139
Shamrock_Green#347C17140
Jungle_Green#347C2C141

Medium_Spring_Green  #348017 52,128,23 142
Medium_Aquamarine#348781143
Windows_Blue#357EC7144
Glacial_Blue_Ice#368BC1145
Pine_Green#387C44146
つゆくさいろ 露草色#38A1DB56,161,219147
Butterfly_Blue#38ACEC148
ひすい 翡翠#38B48B56,180,139149
はなむらさき 花紫#39268057,38,128

  150

ささいろ 笹色#39612257,97,34151
Oil#3B3131152
Dark_Turquoise#3B9C9C153
Deep_Sky_Blue#3BB9FF154
Mediumsea_green#3CB371155
Iridium#3D3C3A156
うつしいろ 移色#3D6EDA61,110,218157
かきつばたいろ 杜若色#3E62AD62,98,173158
Clover_Green#3EA055159
Light_Sea_Green#3EA99F160
みどり 緑#3EB37062,179,112161
Turquoise#40E0D0162
Black_Cat#413839163
Royalblue#4169E1164
Lime_Green#41A317165
Seaweed_Green#437C17166
Sea_Turtle_Green#438D80167
Macaw_Blue_Green#43BFC7168
Turquoise#43C6DB169
Purple_Monster#461B7E170
Black_Eel#463E3F171
Steelblue#4682B4172
Jellyfish#46C7C7173
ろくしょういろ 緑青色#47885E71,136,94174
Taupe#483C32

  175

dark_slateblue#483D8B176
Steel_Blue#4863A0177
Silk_Blue#488AC7178
Medium_Turquoise ※ #48CCCD 72,204,205 179
Medium_turquoise ※#48D1CC72,209,204180
Mocha#493D26181
Spring_Green#4AA02C182
Indigo#4B0082183
Black_Cow#4C4646184
ぐんじょういろ 群青色

#4C6CB3

76,108,179 185
Beetle_Green#4C787E186
Green_Apple#4CC417187
Kelly_Green#4CC552188
べにききょう 紅桔梗#4D439877,67,152189
はないろ 花色#4D5AAF77,90,175190
Purple_Haze#4E387E191
Sea_Green#4E8975192
Forest_Green#4E9258193
Blue_Diamond#4EE2EC194
Gray_Wolf#504A4B195
Celeste#50EBEC196
ぶどういろ 葡萄色#522F6082,47,96197

Yellow_Green(黄緑) #52D017 198
Zombie_Green#54C571199
くわのみのいろ 桑の実色#55295B85,41,91

 200

Darkolivegreen#556B2F201
Vampire_Gray#565051202
ききょういろ 桔梗色#5654A286,84,162203
Marble_Blue#566D7E204
Iceberg#56A5EC205
Purple_Iris#571B7E206
Stoplight_Go_Green#57E964207
Blue_Zircon#57FEFF208
Plum_Purple#583759209
くろちゃ 黒茶#58382288,56,34210
Nebula_Green#59E817211
うすはなざくら 薄花桜#5A79BA90,121,186212
Gray_Dolphin#5C5858213
Crystal_Blue#5CB3FF214
ゆかりのいろ 縁色#5D236993,35,105215
Grape#5E5A80216
Grayish_Turquoise#5E7D7E217
Jade_Green#5EFB6E218
Cadetblue#5F9EA0219
Emerald_Green#5FFB17220
Egg_plant#614051221
Jet_Gray#616D7E222
Hazel_Green#617C58223
Carbon_Gray#625D5D224
にびいろ / にぶいろ#636466

 225

くろうめ 黒梅#643219100,50,25226
Mist_Blue#646D7E227
Cornflower_Blue#6495ED228
Algae_Green#64E986229
ほんむらさき 本紫#65318E101,49,142230
Slate_Gray#657383231
Blue_Koi#659EC7232
f600#660000102,0,0233
f603#660033102,0,51234
f606#660066102,0,102235
f609#660099102,0,153236
f60c#6600CC102,0,204237
f60f#6600FF102,0,255238
f630#663300102,51,0239
f633#663333102,51,51240
f636#663366102,51,102241
rebecca_purple