日本の伝統色(抜粋&RGBコード)、ほかの代表的なカラーグループも系統ごとにまとめ

Japanese traditional colors css :デザイン
Japanese traditional colors
記事内に広告が含まれています。

デザインで使える日本の伝統的な色を抜粋してコード化とRGB表示でまとめてみました。ほかにも代表的な色を系統ごとにまとめてテーブル表示しています。あなたのウェブサイトデザインにお役立てください。

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

PR広告

日本の伝統色「抜粋」

 日本の伝統色[抜粋]
色の名前 よみかた  Code RGB
土色つちいろ#BC763C188,118,060
黒茶くろちゃ#583822088,056,034
黒梅くろうめ#643219100,050,025
茶褐色ちゃかっしょく#664032102,064,050
焦茶こげちゃ#6F4B3E111,075,062
赤銅色しゃくどういろ#752100117,033,000
栗色くりいろ#762F07118,047,007
褐色かっしょく#8A3B00138,059,000
鳶色とびいろ#95483F149,072,063
茶色ちゃいろ#965042150,080,066
海老赤えびあか#AC2424172,036,036
茜色あかねいろ#B7282E183,040,046
臙脂えんじ#b94047185,064,071
あけ#BA2636186,038,054
炎色ほのういろ#C44303196,067,003
深緋こきあけ#C9171E201,023,030
べに#CF3525207,053,037
血色けっしょく#D20A13210,010,019
火色ひいろ#D3381C211,056,028
くれない#D7003A215,000,058
紅絹もみ#E83929232,057,041
金赤きんあか#EA5506234,085,006
朱色しゅいろ#EB6101235,097,001
黄赤きあか#EC6800236,104,000
柿色かきいろ#ED6D3D237,109,061
橙色だいだいいろ#EE7800238,120,000
卵黄色らんおうしょく#F69E22246,158,034
金茶きんちゃ#F39800243,152,000
山吹色やまぶきいろ#F8B500248,181,000
黄金こがね#E6B422230,180,034
支子色くちなし#FBCA4D251,202,077
黄色きいろ#FFD900255,217,000
緑黄色りょくおうしょく#DCCB18220,203,024
枯草色かれくさいろ#E4DC8A228,220,138
若緑わかみどり#98D98E152,217,142
苔色こけいろ#69821B105,130,27
草色くさいろ#7B8D42123,141,066
鶯色うぐいすいろ#928C36146,140,054
萌黄もえぎ#AACF53170,207,083
黄緑きみどり#B8D200184,210,000
若草色わかくさいろ#C3D825195,216,037
若葉色わかばいろ#B9D08B185,208,139
若竹色わかたけいろ#68BE8D104,190,141
翡翠ひすい#38B48B056,180,139
青緑あおみどり#00A497000,164,151
みどり#3EB370062,179,112
新緑色しんりょくしょく#339933051,153,051
緑青色ろくしょういろ#47885E071,136,094
鉄色てついろ#005243000,082,067
深緑ふかみどり#00552E000,085,046
常盤色ときわいろ#007B43000,123,067
萌葱色もえぎいろ#006E54000,110,084
緑茶色りょくちゃいろ#26610F038,097,015
笹色ささいろ#396122057,097,034
薄浅葱うすあさぎ#69C2C7105,194,199
青竹色あおたけいろ#7EBEAB126,190,171
水色みずいろ#BCE2E8188,226,232
空色そらいろ#A0D8EF160,216,239
勿忘草わすれなぐさ#89C3EB137,195,235
紺碧こんぺき#0070BB000,123,187
あお#0095D9000,149,217
花浅葱はなあさぎ#2A83A2042,131,162
天色あまいろ#2CA9E1044,169,225
露草色つゆくさいろ#38A1DB056,161,219
移色うつしいろ#3D6EDA061,110,218
杜若色かきつばたいろ#3E62AD062,98,173
群青色ぐんじょういろ#4C6CB3076,108,179
薄花桜うすはなざくら#5A79BA090,121,186
瑠璃るりいろ#1E50A2030,080,162
瑠璃紺るりこん#19448E025,068,142
紺青こんじょう#192F60025,047,096
留紺とめこん#1C305C028,048,092
濃紺のうこん#1F2F54031,047,084
紺瑠璃こんるり#213380033,051,128
濃藍こいあい#0F2350015,035,080
鉄紺てつこん#17184B023,024,075
紺色こんいろ#223A70034,058,112
花色はないろ#4D5AAF077,090,175
桔梗色ききょういろ#5654A2086,084,162
紅桔梗べにききょう#4D4398077,067,152
花紫はなむらさき#392680057,038,128
葡萄色ぶどういろ#522F60082,047,096
桑の実色くわのみのいろ#55295B085,041,091
縁色ゆかりのいろ#5D2369093,035,105
本紫ほんむらさき#65318E101,049,142
菖蒲色あやめいろ#674196103,065,150
青紫あおむらさき#674598103,069,152
菫色すみれいろ#7058A3112,088,163
江戸紫えどむらさき#745399116,083,153
むらさき#884898136,072,152
葵色あおいいろ#9A5FA9154,095,169
南京藤なんきんふじ#A15DC4161,093,196
藤色ふじいろ#BBBCDE187,188,222

ページトップへ戻る

PR広告

html標準

17色
No Color Code No Color Code
01white#ffffff 10green#008000
02silver#c0c0c0 11aqua#00ffff
03gray#808080 12teal#008080
04black#000000 13blue#0000ff
05red#ff0000 14navy#000080
06maroon#800000 15fuchsia#ff00ff
07yellow#ffff00 16purple#800080
08olive#808000 17orange#ffa500
09lime#00ff00

ページトップへ戻る

カラーグループ.1

Color Group.系統1

カラーグループ.系統1
Color Name
01 ブラック・グレー系 black/gray colors
02 ホワイト系 white colors
03 レッド系 red colors
04 ピンク系 pink colors
05 オレンジ系 orange colors
06 イエロー系 yellow colors
07 パープル系 purple colors
08 グリーン系 green colors
09 ブルー系 blue colors
10 ブラウン系 brown colors

グループ.1へ戻る

トップに戻る

black & gray lineage

グレー~ブラック系
 Color Code  Color Code

gainsboro

#dcdcdc dimgray#696969

lightgray

#d3d3d3 lightslategray#778899

silver

#c0c0c0 slategray#708090

darkgray

#a9a9a9 darkslategray#2f4f4f
gray#808080 black#000000

グループ.1へ戻る

ページトップへ戻る

White colors lineage

ホワイト系
 ColorCode  ColorCode
white#ffffff

beige

#f5f5dc
snow#fffafa

oldlace

#fdf5e6

honeydew

#f0fff0

floralwhite

#fffaf0

mintcream

#f5fffa ivory#fffff0
azure#f0ffff

antiquewhite

#faebd7

aliceblue

#f0f8ff linen#faf0e6

ghostwhite

#f8f8ff

lavenderblush

#fff0f5

whitesmoke

#f5f5f5

mistyrose

#ffe4e1

seashell

#fff5ee

グループ.1へ戻る

ページトップへ戻る

Red colors lineage

レッド系
 ColorCode  ColorCode
indianred#cd5c5c crimson#dc143c

lightcoral

#f08080 red#ff0000

salmon

#fa8072 firebrick#b22222

darksalmon

#e9967a darkred#8b0000

lightsalmon

#ffa07a

グループ.1へ戻る

ページトップへ戻る

Pink colors lineage

ピンク系
 ColorCode  ColorCode

pink

#ffc0cb mediumvioletred#c71585

lightpink

#ffb6c1 palevioletred#db7093
hotpink#ff69b4

lightsalmon

#ffa07a
deeppink#ff1493

グループ.1へ戻る

ページトップへ戻る

Orange colors lineage

オレンジ系
 ColorCode  ColorCode

coral

#ff7f50

darkorange

#ff8c00

tomato

#ff6347

orange

#ffa500
Orangered#ff4500

グループ.1へ戻る

ページトップへ戻る

Yellow colors lineage

イエロー系
 ColorCode  ColorCode

gold

#ffd700

moccasin

#ffe4b5

yellow

#ffff00

peachpuff

#ffdab9

lightyellow

#ffffe0

palegoldenrod

#eee8aa

lemonchiffon

#fffacd

khaki

#f0e68c

lightgoldenrod
yellow

#fafad2

darkkhaki

#bdb76b

papayawhip

#ffefd5

グループ.1へ戻る

ページトップへ戻る

Purple colors lineage

パープル系
 ColorCode  ColorCode

lavender

#e6e6fa blueviolet#8a2be2

thistle

#d8bfd8 darkviolet#9400d3

plum

#dda0dd darkorchid#9932cc

violet

#ee82ee darkmagenta#8b008b

orchid

#da70d6 purple#800080
fuchsia#ff00ff indigo#4b0082
magenta#ff00ff slateblue#6a5acd
medium
orchid
#ba55d3 dark
slateblue
#483d8b
medium
purple
#9370db medium
slateblue
#7b68ee
rebecca
purple
#663399

グループ.1へ戻る

ページトップへ戻る

Green colors lineage

グリーン系
 ColorCode  ColorCode

greenyellow

#adff2f green#008000

chartreuse

#7fff00 darkgreen#006400

lawngreen

#7cfc00

yellowgreen

#9acd32

Lime

#00ff00 Olivedrab#6b8e23
Limegreen#32cd32 Olive#808000

Palegreen

#98fb98 Darkolivegreen#556b2f

Lightgreen

#90ee90

Medium
aquamarine

#66cdaa

Medium
springgreen

#00fa9a

Darksea
green

#8fbc8b

Springgreen

#00ff7f Lightseagreen#20b2aa

Mediumsea
green

#3cb371 Darkcyan#008b8b
Seagreen#2e8b57 Teal#008080
Forestgreen#228b22

グループ.1へ戻る

ページトップへ戻る

Blue colors lineage

ブルー系
 ColorCode  ColorCode
Aqua#00ffff

Skyblue

#87ceeb
Cyan#00ffff

Lightskyblue

#87cefa

Lightcyan

#e0ffff Deepskyblue#00bfff

Paleturquoise

#afeeee Dodgerblue#1e90ff

Aquamarine

#7fffd4 Cornflower
blue
#6495ed

Turquoise

#40e0d0 Medium
slateblue
#7b68ee

Medium
turquoise

#48d1cc Royalblue#4169e1

Dark
turquoise

#00ced1 Blue#0000ff

Cadetblue

#5f9ea0 Medium
blue
#0000cd
Steelblue#4682b4 Darkblue#00008b

Lightsteel
blue

#b0c4de Navy #000080

Powder
blue

#b0e0e6 Midnight
blue
#191970

Light
blue

#add8e6

Navy blue
濃紺

#1F2F54

グループ.1へ戻る

ページトップへ戻る

Brown colors lineage

ブラウン系
 ColorCode  ColorCode

Cornsilk

#fff8dc

Goldenrod

#daa520

Blanche
dalmond

#ffebcd

Darkgoldenrod

#b8860b

Bisque

#ffe4c4

Peru

#cd853f

Navajowhite

#ffdead Chocolate#d2691e

Wheat

#f5deb3 Saddlebrown#8b4513

Burlywood

#deb887 Sienna#a0522d

Tan

#d2b48c Brown#a52a2a

Rosybrown

#bc8f8f Maroon#800000

Sandybrown

#f4a460

グループ.1へ戻る

ページトップへ戻る

Web-Safe colors lineage RGB

 Webセーフカラー RGB
Color
Code
RGB Color
Code
RGB

#ffffff

255 255 255

#66ffff

102 255 255

#ffffcc

255 255 204

#66ffcc

102 255 204

#ffff99

255 255 153

#66ff99

102 255 153

#ffff66

255 255 102

#66ff66

102 255 102

#ffff33

255 255 51

#66ff33

102 255 51

#ffff00

255 255 000

#66ff00

102 255 00

#ffccff

255 204 255

#66ccff

102 204 255

#ffcccc

255 204 204

#66cccc

102 204 204

#ffcc99

255 204 153

#66cc99

102 204 153

#ffcc66

255 204 102

#66cc66

102 204 102

#ffcc33

255 204 51

#66cc33

102 204 51

#ffcc00

255 204 00 #66cc00102 204 00

#ff99ff

255 153 255 #6699ff102 153 255

#ff99cc

255 153 204 #6699cc102 153 204

#ff9999

255 153 153 #669999102 153 153

#ff9966

255 153 102 #669966102 153 102

#ff9933

255 153 51 #669933102 153 51

#ff9900

255 153 00 #669900102 153 00
#ff66ff255 102 255 #6666ff102 102 255
#ff66cc255 102 204 #6666cc102 102 204
#ff6699255 102 153 #666699102 102 153
#ff6666255 102 102 #666666102 102 102
#ff6633255 102 51 #666633102 102 51
#ff6600255 102 00 #666600102 102 00
#ff33ff255 51 255 #6633ff102 51 255
#ff33cc255 51 204 #6633cc102 51 204
#ff3399255 51 153 #663399102 51 153
#ff3366255 51 102 #663366102 51 102
#ff3333255 51 51 #663333102 51 51
#ff3300255 51 00 #663300102 51 00
#ff00ff255 00 255 #6600ff102 00 255
#ff00cc255 00 204 #6600cc102 00 204
#ff0099255 00 153 #660099102 00 153
#ff0066255 00 102 #660066102 00 102
#ff0033255 00 51 #660033102 00 51
#ff0000255 00 00 #660000102 00 00

#ccffff

204 255 255

#33ffff

51 255 255

#ccffcc

204 255 204

#33ffcc

51 255 204

#ccff99

204 255 153

#33ff99

51 255 153

#ccff66

204 255 102

#33ff66

51 255 102

#ccff33

204 255 51

#33ff33

51 255 51

#ccff00

204 255 00

#33ff00

51 255 00

#ccccff

204 204 255

#33ccff

51 204 255

#cccccc

204 204 204

#33cccc

51 204 204

#cccc99

204 204 153

#33cc99

51 204 153

#cccc66

204 204 102 #33cc6651 204 102

#cccc33

204 204 51 #33cc3351 204 51

#cccc00

204 204 00 #33cc0051 204 00
#cc99ff204 153 255 #3399ff51 153 255
#cc99cc204 153 204 #3399cc51 153 204
#cc9999204 153 153 #33999951 153 153
#cc9966204 153 102 #33996651 153 102
#cc9933204 153 51 #33993351 153 51
#cc9900204 153 00 #33990051 153 00
#cc66ff204 102 255 #3366ff51 102 255
#cc66cc204 102 204 #3366cc51 102 204
#cc6699204 102 153 #33669951 102 153
#cc6666204 102 102 #33666651 102 102
#cc6633204 102 51 #33663351 102 51
#cc6600204 102 00 #33660051 102 00
#cc33ff204 51 255 #3333ff51 51 255
#cc33cc204 51 204 #3333cc51 51 204
#cc3399204 51 153 #33339951 51 153
#cc3366204 51 102 #33336651 51 102
#cc3333204 51 51 #33333351 51 51
#cc3300204 51 00 #33330051 51 00
#cc00ff204 00 255 #3300ff51 00 255
#cc00cc204 00 204 #3300cc51 00 204
#cc0099204 00 153 #33009951 00 153
#cc0066204 00 102 #33006651 00 102
#cc0033204 00 51 #33003351 00 51
#cc0000204 00 00 #33000051 00 00

#99ffff

153 255 255

#00ffff

00 255 255

#99ffcc

153 255 204

#00ffcc

00 255 204

#99ff99

153 255 153

#00ff99

00 255 153

#99ff66

153 255 102

#00ff66

00 255 102

#99ff33

153 255 51

#00ff33

00 255 51

#99ff00

153 255 00

#00ff00

00 255 00

#99ccff

153 204 255

#00ccff

00 204 255

#99cccc

153 204 204

#00cccc

00 204 204

#99cc99

153 204 153

#00cc99

00 204 153
#99cc66153 204 102 #00cc6600 204 102
#99cc33153 204 51 #00cc3300 204 51
#99cc00153 204 00 #00cc0000 204 00
#9999ff153 153 255 #0099ff00 153 255
#9999cc153 153 204 #0099cc00 153 204
#999999153 153 153 #00999900 153 153
#999966153 153 102 #00996600 153 102
#999933153 153 51 #00993300 153 51
#999900153 153 00 #00990000 153 00
#9966ff153 102 255 #0066ff00 102 255
#9966cc153 102 204 #0066cc00 102 204
#996699153 102 153 #00669900 102 153
#996666153 102 102 #00666600 102 102
#996633153 102 51 #00663300 102 51
#996600153 102 00 #00660000 102 00
#9933ff153 51 255 #0033ff00 51 255
#9933cc153 51 204 #0033cc00 51 204
#993399153 51 153 #00339900 51 153
#993366153 51 102 #00336600 51 102
#993333153 51 51 #00333300 51 51
#993300153 51 00 #00330000 51 00
#9900ff153 00 255 #0000ff00 00 255
#9900cc153 00 204 #0000cc00 00 204
#990099153 00 153 #00009900 00 153
#990066153 00 102 #00006600 00 102
#990033153 00 51 #00003300 00 51
#990000153 00 00 #00000000 00 00

WebセーフカラーTopへ戻る

ページトップへ戻る

カラーグループ.2

Color Group.系統2

 カラーグループ.系統2
Color Name
01 ●ブラック
・グレー系

Black &

Gray

02 ●ブルー系 Blue colors
03 ●グリーン系 Green colors
04 ●イエロー
・ブラウン系

Yellow &

Brown

05 オレンジ
・レッド系

Orange &

Red

06 ●ピンク
・パープル系

Pink &

Purple


グループ.2へ戻る

ページトップへ戻る

Black-Gray Colors lineage

ブラック・グレー系
 ColorCode  ColorCode
Black#000000 Ash Gray#666362
Night#0C090A Cloudy Gray#6D6968
Gunmetal#2C3539 Smokey Gray#726E6D
Midnight#2B1B17 Gray#736F6E
Charcoal#34282C Granite#837E7C
Dark Slate Grey#25383C Battleship Gray#848482
Oil#3B3131

Gray Cloud

#B6B6B4
Black Cat#413839

Gray Goose

#D1D0CE
Iridium#3D3C3A

Platinum

#E5E4E2
Black Eel#463E3F

Metallic Silver

#BCC6CC
Black Cow#4C4646 Blue Gray#98AFC7
Gray Wolf#504A4B Light Slate Gray#6D7B8D
Vampire Gray#565051 Slate Gray#657383
Gray Dolphin#5C5858 Jet Gray#616D7E
Carbon Gray#625D5D Carbon Gray#625D5D

グループ.2へ戻る

ページトップへ戻る

Blue colors lineage

ブルー系
 ColorCode  ColorCode
Mist Blue#646D7E Crystal Blue#5CB3FF
Marble Blue#566D7E Deep Sky Blue#3BB9FF
Slate Blue#737CA1 Denim Blue#79BAEC
Steel Blue#4863A0 Light Sky Blue#82CAFA
Blue Jay#2B547E Day Sky Blue#82CAFF
Dark Slate Blue#2B3856

Jeans Blue

#A0CFEC
Midnight Blue#151B54

Blue Angel

#B7CEEC
Navy (Blue)#000080

Pastel Blue

#B4CFEC
Blue Whale#342D7E

Sea Blue

#C2DFFF
Lapis Blue#15317E

Powder Blue

#C6DEFF
Denim Dark Blue#151B8D

Coral Blue

#AFDCEC
Earth Blue#0000A0

Light Blue

#ADDFFF
Cobalt Blue#0020C2

Robin Egg Blue

#BDEDFF
Blueberry Blue#0041C2

Pale Blue Lily

#CFECEC
Sapphire Blue#2554C7

Light Cyan

#E0FFFF
Blue Eyes#1569C7

Water

#EBF4FA
Royal Blue#2B60DE

AliceBlue

#F0F8FF
Blue Orchid#1F45FC

Azure

#F0FFFF
Blue Lotus#6960EC

Light Slate

#CCFFFF
Light Slate Blue#736AFF

Light Aquamarine

#93FFE8
Windows Blue#357EC7

Electric Blue

#9AFEFF
Glacial Blue Ice#368BC1

Aquamarine

#7FFFD4
Silk Blue#488AC7

Cyan or Aqua

#00FFFF
Blue Ivy#3090C7

Tron Blue

#7DFDFE
Blue Koi#659EC7

Blue Zircon

#57FEFF
Columbia Blue#87AFC7

Blue Lagoon

#8EEBEC
Baby Blue#95B9C7

Celeste

#50EBEC
Light Steel Blue#728FCE

Blue Diamond

#4EE2EC
Ocean Blue#2B65EC

Tiffany Blue

#81D8D0
Blue Ribbon#306EFF

Cyan Opaque

#92C7C7
Blue Dress#157DEC Blue Hosta#77BFC7
Dodger Blue#1589FF Northern Lights Blue#78C7C7
Cornflower Blue#6495ED Medium Turquoise#48CCCD
Sky Blue#6698FF Turquoise#43C6DB
Butterfly Blue#38ACEC Jellyfish#46C7C7
Iceberg#56A5EC

グループ.2へ戻る

ページトップへ戻る

Green Colors lineage

グリーン系
 ColorCode  ColorCode
Blue green#7BCCB5 Green Apple#4CC417
Macaw Blue Green#43BFC7 Yellow Green#52D017
Light Sea Green#3EA99F Kelly Green#4CC552
Dark Turquoise#3B9C9C Zombie Green#54C571
Sea Turtle Green#438D80 Frog Green#99C68E
Medium Aquamarine#348781 Green Peas#89C35C
Greenish Blue#307D7E Dollar Bill Green#85BB65
Grayish Turquoise#5E7D7E Dark Sea Green#8BB381
Beetle Green#4C787E Iguana Green#9CB071
Teal#008080 Avocado Green#B2C248
Sea Green#4E8975 Pistachio Green#9DC209
Camouflage Green#78866B Salad Green#A1C935
Sage Green#848b79

Hummingbird Green

#7FE817
Hazel Green#617C58

Nebula Green

#59E817
Venom Green#728C00

Stoplight Go Green

#57E964
Fern Green#667C26

Algae Green

#64E986
Dark Forest Green#254117

Jade Green

#5EFB6E
Medium Sea Green#306754

Green

#00FF00
Medium Forest Green#347235

Emerald Green

#5FFB17
Seaweed Green#437C17

Lawn Green

#87F717
Pine Green#387C44

Chartreuse

#8AFB17
Jungle Green#347C2C

Dragon Green

#6AFB92
Shamrock Green#347C17

Mint green

#98FF98
Medium Spring Green#348017

Green Thumb

#B5EAAA
Forest Green#4E9258

Light Jade

#C3FDB8
Green Onion#6AA121

Tea Green

#CCFB5D
Spring Green#4AA02C

Green Yellow

#B1FB17
Lime Green#41A317

Slime Green

#BCE954
Clover Green#3EA055

Goldenrod

#EDDA74
Green Snake#6CBB3C

Harvest Gold

#EDE275
Alien Green#6CC417

グループ.2へ戻る

ページトップへ戻る

Yellow-Brown Colors lineage

イエロー・ブラウン系
 ColorCode  ColorCode

Sun Yellow

#FFE87C School Bus Yellow#E8A317

Yellow

#FFFF00 Sandy Brown#EE9A4D

Corn Yellow

#FFF380 Fall Leaf Brown#C8B560

Parch
ment

#FFFFC2 Orange Gold#D4A017

Cream

#FFFFCC Sand#C2B280

Lemon Chiffon

#FFF8C6 Cookie Brown#C7A317

Cornsilk

#FFF8DC Caramel#C68E17

Beige

#F5F5DC Brass#B5A642

Blonde

#FBF6D9 Khaki#ADA96E

Antique
White

#FAEBD7 Camel brown#C19A6B

Cham
pagne

#F7E7CE Bronze#CD7F32

Blanched
Almond

#FFEBCD Tiger Orange#C88141

Vanilla

#F3E5AB Cinnamon#C58917

Tan Brown

#ECE5B6 Bullet Shell#AF9B60

Peach

#FFE5B4 Dark Goldenrod#AF7817

Mustard

#FFDB58 Copper#B87333

Rubber Ducky Yellow

#FFD801 Wood#966F33

Bright Gold

#FDD017 Oak Brown#806517

Golden brown

#EAC117 Moccasin#827839

Macaroni and Cheese

#F2BB66 Army Brown#827B60

Saffron

#FBB917 Sandstone#786D5F

Beer

#FBB117 Mocha#493D26

Cantaloupe

#FFA62F Taupe#483C32

Bee Yellow

#E9AB17 Coffee#6F4E37

Brown Sugar

#E2A76F Brown Bear#835C3B

BurlyWood

#DEB887 Red Dirt#7F5217

Deep Peach

#FFCBA4 Sepia#7F462C

Ginger Brown

#C9BE62

グループ.2へ戻る

ページトップへ戻る

Orange-Red Colors lineage

オレンジ・レッド系
 ColorCode  ColorCode
Orange Salmon#C47451 Lava Red#E42217
Rust#C36241 Love Red#E41B17
Red Fox#C35817 Grapefruit#DC381F
Chocolate#C85A17 Chestnut Red#C34A2C
Sedona#CC6600 Cherry Red#C24641
Papaya Orange#E56717 Mahogany#C04000
Halloween Orange#E66C2C Chilli Pepper#C11B17
Pumpkin Orange#F87217 Cranberry#9F000F
Construction Cone Orange#F87431 Red Wine#990012
Sunrise Orange#E67451 Burgundy#8C001A
Mango Orange#FF8040 Chestnut#954535
Dark Orange#F88017 Blood Red#7E3517
Coral#FF7F50 Sienna#8A4117
Basket Ball Orange#F88158 Sangria#7E3817
Light Salmon#F9966B Firebrick#800517
Tangerine#E78A61 Maroon#810541
Dark Salmon#E18B6B Plum Pie#7D0541
Light Coral#E77471 Velvet Maroon#7E354D
Bean Red#F75D59 Plum Velvet#7D0552
Valentine Red#E55451 Rosy Finch#7F4E52
Shocking Orange#E55B3C Puce#7F5A58
Red#FF0000 Dull Purple#7F525D
Scarlet#FF2400 Rosy Brown#B38481
Ruby Red#F62217 Khaki Rose#C5908E
Ferrari Red#F70D1A Pink Bow#C48189
Fire Engine Red#F62817

グループ.2へ戻る

ページトップへ戻る

Pink-Purple Colors lineage

ピンク・パープル系
 ColorCode  ColorCode
Lipstick Pink#C48793 Purple Monster#461B7E

Rose

#E8ADAA Purple Haze#4E387E

Rose Gold

#ECC5C0 Egg
plant
#614051

Desert Sand

#EDC9AF Grape#5E5A80

Pig Pink

#FDD7E4 Purple Jam#6A287E

Cotton Candy

#FCDFFF Dark Orchid#7D1B7E

Pink Bubble
gum

#FFDFDD Purple Flower#A74AC7

Misty Rose

#FBBBB9 Medium Orchid#B048B5

Pink

#FAAFBE Purple Ame
thyst
#6C2DC7

Light Pink

#FAAFBA Dark Violet#842DCE

Flamingo Pink

#F9A7B0 Violet#8D38C9

Pink Rose

#E7A1B0 Purple Sage Bush#7A5DC7

Pink Daisy

#E799A3 Lovely Purple#7F38EC

Cadillac Pink

#E38AAE Purple#8E35EF

Carnation Pink

#F778A1 Aztech Purple#893BFF
Blush Red#E56E94 Medium Purple#8467D7
Hot Pink#F660AB Jasmine Purple#A23BEC
Water
melon Pink
#FC6C85 Purple Daffodil#B041FF
Violet Red#F6358A Tyrian Purple#C45AEC
Deep Pink#F52887 Crocus Purple#9172EC
Pink Cupcake#E45E9D Purple Mimosa#9E7BFF
Pink Lemonade#E4287C Heliot
rope Purple
#D462FF
Neon Pink#F535AA Crimson#E238EC
Magenta#FF00FF Purple Dragon#C38EC7
Dimorphotheca Magenta#E3319D

Lilac

#C8A2C8
Bright Neon Pink#F433FF

Blush Pink

#E6A9EC
Pale Violet Red#D16587

Mauve

#E0B0FF
Tulip Pink#C25A7C

Wisteria Purple

#C6AEC7
Medium Violet Red#CA226B

Blossom Pink

#F9B7FF
Rogue Pink#C12869

Thistle

#D2B9D3
Burnt Pink#C12267

Periwinkle

#E9CFEC
Bashful Pink#C25283

Lavender Pinocchio

#EBDDE2
Dark Carnation Pink#C12283

Lavender blue

#E3E4FA
Plum#B93B8F

Pearl

#FDEEF4
Viola Purple#7E587E

SeaShell

#FFF5EE
Purple Iris#571B7E

Milk White

#FEFCFF
Plum Purple#583759

White

#FFFFFF
Indigo#4B0082

グループ.2へ戻る

ページトップへ戻る

HTML Colors Green
HTML Colors Green
/* Japan ------------------------------------------------------------------------------------- */
.b_tuti-iro {background-color: rgba(188,118,060,1); color:#fff; font-weight:900;}/*土色 #BC763C*/
.b_ko-murasaki{background-color: rgba(077,026,006,1); color:#fff; font-weight:900;}/*小紫#4D1A06*/
.b_kuro-cya {background-color: rgba(088,056,034,1); color:#fff; font-weight:900;}/*黒茶#583822*/
.b_kuro-ume {background-color: rgba(100,050,025,1); color:#fff; font-weight:900;}/*黒梅#643219*/
.b_cya-kassyoku{background-color: rgba(102,064,050,1); color:#fff; font-weight:900;}/*茶褐色 #664032*/
.b_koge-cya {background-color: rgba(111,075,062,1); color:#fff; font-weight:900;}/*焦茶 #6F4B3E*/
.b_syakudou-iro{background-color: rgba(117,033,000,1); color:#fff; font-weight:900;}/*赤銅色 #752100*/
.b_kuri-iro {background-color: rgba(118,047,007,1); color:#fff; font-weight:900;}/*栗色 #762F07*/
.b_kassyoku{background-color: rgba(138,059,000,1); color:#fff; font-weight:900;}/*褐色#8A3B00*/
.b_tobi-iro {background-color: rgba(149,072,063,1); color:#fff; font-weight:900;}/*鳶色 #95483F*/
.b_cya-iro  {background-color: rgba(150,080,066,1); color:#fff; font-weight:900;}/*茶色#965042*/
.b_ebi-aka {background-color: rgba(172,036,036,1); color:#fff; font-weight:900;}/*海老赤 #AC2424*/
.b_akane-iro {background-color: rgba(183,040,046,1); color:#fff; font-weight:900;}/*茜色 #b7282e*/
.b_enji     {background-color: rgba(185,064,071,1); color:#fff; font-weight:900;}/*臙脂 #b94047*/
.b_ake     {background-color: rgba(186,038,054,1); color:#fff; font-weight:900;}/*朱 #ba2636*/
.b_honou-iro{background-color: rgba(196,067,003,1); color:#fff; font-weight:900;}/*#C44303炎色*/
.b_kokiake {background-color: rgba(201,023,030,1); color:#fff; font-weight:900;}/*#C9171E深緋*/
.b_beni      {background-color: rgba(207,053,037,1); color:#fff; font-weight:900;}/*#CF3525紅*/
.b_kessyoku{background-color: rgba(210,010,019,1); color:#fff; font-weight:900;}/*#D20A13血色*/
.b_hi-iro    {background-color: rgba(211,056,028,1); color:#fff; font-weight:900;}/*#D3381C火色*/
.b_kurenai {background-color: rgba(215,000,058,1); color:#fff; font-weight:900;}/*紅 #D7003A*/
.b_momi    {background-color: rgba(232,057,041,1); color:#fff; font-weight:900;}/*#E83929紅絹*/
.b_kin-aka  {background-color: rgba(234,085,006,1); color:#fff; font-weight:900;}/*#EA5506金赤*/
.b_syu-iro  {background-color: rgba(235,097,001,1); color:#fff; font-weight:900;}/*#EB6101朱色*/
.b_ki-aka   {background-color: rgba(236,104,000,1); color:#fff; font-weight:900;}/*#EC6800黄赤*/
.b_kaki-iro {background-color: rgba(237,109,061,1); color:#000; font-weight:900;}/*#ED6D3D柿色*/
.b_daidai-iro{background-color: rgba(238,120,000,1); color:#000; font-weight:900;}/*#EE7800橙色*/
.b_ran-ou-iro{background-color: rgba(246,158,034,1); color:#000; font-weight:900;}/*#F69E22卵黄色*/
.b_kin-cya   {background-color: rgba(243,152,000,1); color:#000; font-weight:900;}/*#F39800金茶*/
.b_yamabuki-iro{background-color: rgba(248,181,000,1); color:#000; font-weight:900;}/*#F8B500山吹色*/
.b_kogane   {background-color: rgba(230,180,034,1); color:#000; font-weight:900;}/*#E6B422黄金*/
.b_kutinasi-iro{background-color: rgba(251,202,077,1); color:#000; font-weight:900;}/*#FBCA4D支子色*/
.b_ki-iro      {background-color: rgba(255,217,000,1); color:#000; font-weight:900;}/*#FFD900黄色*/
.b_ryokuou-syoku{background-color: rgba(220,203,024,1); color:#000; font-weight:900;}/*#DCCB18 緑黄色*/
.b_karekusa-iro{background-color: rgba(228,220,138,1); color:#000; font-weight:900;}/*#E4DC8A枯草色*/
.b_waka-midori{background-color: rgba(152,217,142,1); color:#000; font-weight:900;}/*若緑#98D98E*/
.b_koke-iro   {background-color: rgba(105,130,27,1); color:#fff; font-weight:900;}/*#69821B苔色*/
.b_kusa-iro   {background-color: rgba(123,141,066,1); color:#fff; font-weight:900;}/*#7B8D42草色*/
.b_uguisu-iro {background-color: rgba(146,140,054,1); color:#fff; font-weight:900;}/*#928C36鶯色*/
.b_moegi      {background-color: rgba(170,207,083,1); color:#000; font-weight:900;}/*萌黄#AACF53*/
.b_kimidori    {background-color: rgba(184,210,000,1); color:#000; font-weight:900;}/*黄緑#B8D200*/
.b_wakakusa-iro{background-color: rgba(195,216,037,1); color:#000; font-weight:900;}/*若草色#C3D825*/
.b_wakaba-iro{background-color: rgba(185,208,139,1); color:#000; font-weight:900;}/*若葉色 #B9D08B*/
.b_wakatake-iro{background-color: rgba(104,190,141,1); color:#000; font-weight:900;}/*#68BE8D若竹色*/
.b_hisui        {background-color: rgba(056,180,139,1); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_ao-midori {background-color: rgba(000,164,151,1); color:#000; font-weight:900;}/*#00A497青緑*/
.b_midori      {background-color: rgba(062,179,112,1); color:#000; font-weight:900;}/*#3EB370緑*/
.b_sinryoku-syoku{background-color: rgba(051,153,051,1); color:#fff; font-weight:900;}/*#339933新緑色*/
.b_rokusyo-iro{background-color: rgba(071,136,094,1); color:#fff; font-weight:900;}/*#47885E緑青色*/
.b_tetu-iro     {background-color: rgba(000,082,067,1); color:#fff; font-weight:900;}/*#005243鉄色*/
.b_fuka-midori{background-color: rgba(000,085,046,1); color:#fff; font-weight:900;}/*#00552E深緑*/
.b_tokiwa-iro  {background-color: rgba(000,123,067,1); color:#fff; font-weight:900;}/*#007B43常盤色*/
.b_moegi-iro   {background-color: rgba(000,110,084,1); color:#fff; font-weight:900;}/*#006E54萌葱色*/
.b_ryokucha-iro{background-color: rgba(038,097,015,1); color:#fff; font-weight:900;}/*#26610F緑茶色*/
.b_sasa-iro     {background-color: rgba(057,097,034,1); color:#fff; font-weight:900;}/*#396122笹色*/
.b_usuasagi    {background-color: rgba(105,194,199,1); color:#000; font-weight:900;}/*#69C2C7薄浅葱*/
.b_aotake-iro  {background-color: rgba(126,190,171,1); color:#000; font-weight:900;}/*青竹色#7EBEAB*/
.b_mizu-iro     {background-color: rgba(188,226,232,1); color:#000; font-weight:900;}/*水色#BCE2E8*/
.b_sora-iro      {background-color: rgba(160,216,239,1); color:#000; font-weight:900;}/*空色#A0D8EF*/
.b_wasurenagusa{background-color: rgba(137,195,235,1); color:#000; font-weight:900;}/*勿忘草#89C3EB*/
.b_konpeki   {background-color: rgba(000,123,187,1); color:#ffffff; font-weight:900;}/*紺碧#0070bb*/
.b_ao          {background-color: rgba(000,149,217,1); color:#ffffff; font-weight:900;}/*青#0095d9*/
.b_hanaasagi{background-color: rgba(042,131,162,1); color:#ffffff; font-weight:900;}/*花浅葱#2A83A2*/
.b_ama-iro   {background-color: rgba(044,169,225,1); color:#ffffff; font-weight:900;}/*天色#2CA9E1*/
.b_tuyukusairo{background-color: rgba(056,161,219,1); color:#ffffff; font-weight:900;}/*露草色#38A1DB*/
.b_utusiiro    {background-color: rgba(061,110,218,1); color:#ffffff; font-weight:900;}/*移色#3D6EDA*/
.b_kakitubatairo{background-color: rgba(062,98,173,1); color:#ffffff; font-weight:900;}/*#3E62AD杜若色*/
.b_gunjyoiro{background-color: rgba(076,108,179,1); color:#ffffff; font-weight:900;}/*群青色 #4C6CB3*/
.b_usuhanazakura{background-color: rgba(090,121,186,1); color:#ffffff; font-weight:900;}/*#5A79BA薄花桜*/
.b_ruri-iro  {background-color: rgba(030,080,162,1); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri-kon {background-color: rgba(025,068,142,1); color:#fff; font-weight:900;}/*瑠璃紺#19448e*/
.b_kon-jyo  {background-color: rgba(025,047,096,1); color:#fff; font-weight:900;}/*紺青#192f60*/
.b_tome-kon{background-color: rgba(028,048,092,1); color:#fff; font-weight:900;}/*留紺#1c305c*/
.b_nou-kon  {background-color: rgba(031,047,084,1); color:#fff; font-weight:900;}/*濃紺#1F2F54*/
.b_kon-ruri  {background-color: rgba(033,051,128,1); color:#fff; font-weight:900;}/*紺瑠璃#213380*/
.b_koi-ai      {background-color: rgba(015,035,080,1); color:#fff; font-weight:900;}/*濃藍#0f2350*/
.b_tetu-kon  {background-color: rgba(023,024,075,1); color:#fff; font-weight:900;}/*鉄紺#17184b*/
.b_kon-iro    {background-color: rgba(034,058,112,1); color:#fff; font-weight:900;}/*紺色#223a70*/
.b_hana-iro  {background-color: rgba(077,090,175,1); color:#fff; font-weight:900;}/*#4D5AAF花色*/
.b_kikyou-iro{background-color: rgba(086,084,162,1); color:#fff; font-weight:900;}/*#5654A2桔梗色*/
.b_beni-kikyou{background-color: rgba(077,067,152,1); color:#fff; font-weight:900;}/*#4D4398紅桔梗*/
.b_hana-murasaki{background-color: rgba(057,038,128,1); color:#fff; font-weight:900;}/*花紫#392680*/
.b_budou-iro{background-color: rgba(082,047,096,1); color:#fff; font-weight:900;}/*葡萄色#522F60*/
.b_kuwanomi-iro{background-color: rgba(085,041,091,1); color:#fff; font-weight:900;}/*桑の実色#55295B*/
.b_yukarino-iro{background-color: rgba(093,035,105,1); color:#fff; font-weight:900;}/*縁色 #5D2369*/
.b_hon-murasaki{background-color: rgba(101,049,142,1); color:#fff; font-weight:900;}/*#65318E本紫*/
.b_ayame-iro{background-color: rgba(103,065,150,1); color:#fff; font-weight:900;}/*菖蒲色#674196*/
.b_ao-murasaki{background-color: rgba(103,069,152,1); color:#fff; font-weight:900;}/*青紫#674598*/
.b_sumire-iro{background-color: rgba(112,088,163,1); color:#fff; font-weight:900;}/*菫色#7058A3*/
.b_edo-murasaki{background-color: rgba(116,083,153,1); color:#fff; font-weight:900;}/*江戸紫#745399*/
.b_murasaki {background-color: rgba(136,072,152,1); color:#fff; font-weight:900;}/*紫#884898*/
.b_aoi-iro {background-color: rgba(154,095,169,1); color:#000f; font-weight:900;}/*葵色#9A5FA9*/
.b_nankin-fuji {background-color: rgba(161,093,196,1); color:#000f; font-weight:900;}/*南京藤#A15DC4*/
.b_fuji-iro {background-color: rgba(187,188,222,1); color:#000; font-weight:900;}/*藤色#BBBCDE*/
/* Base -------------------------------------------------------------------------------------- */
.b_white  {background-color: rgba(255,255,255,1);color:#000; font-weight:900;}/*#ffffff*/
.b_snow  {background-color: rgba(255,250,250,1);color:#000; font-weight:900;}/*#fffafa*/
.b_azure  {background-color: rgba(240,255,255,1);color:#000; font-weight:900;}/*#f0ffff*/
.b_ivory   {background-color: rgba(255,255,240,1);color:#000; font-weight:900;}/*#fffff0*/
.b_linen   {background-color: rgba(250,240,230,1);color:#000; font-weight:900;}/*#faf0e6*/
.b_silver  {background-color: rgba(192,192,192,1); color:#000; font-weight:900;}/*#c0c0c0*/
.b_gray   {background-color: rgba(128,128,128,1);  color:#000; font-weight:900;} /*#808080*/
.b_black  {background-color: rgba(000,000,000,1); color:#fff; font-weight:900;}/*#000000*/
.b_aqua   {background-color: rgba(000,255,255,1); color:#000; font-weight:900;}/*#00ffff*/
.b_cyan   {background-color: rgba(000,255,255,1); color:#000; font-weight:900;}/*#00ffff*/
.b_skyblue{background-color: rgba(135,206,235,1); color:#000; font-weight:900}/*#87ceeb*/
.b_teal     {background-color: rgba(000,128,128,1); color:#fff; font-weight:900;}/*#008080*/
.b_blue    {background-color: rgba(000,000,255,1); color:#fff; font-weight:900;}/*#0000ff*/
.b_cobalt  {background-color: rgba(000,032,194,1); color:#fff; font-weight:900;}/*#0020c2*/
.b_navy   {background-color: rgba(000,000,128,1); color:#fff; font-weight:900;}/*#000080*/
.b_pink    {background-color: rgba(255,192,203,1); color:#000; font-weight:900;}/*#ffc0cb*/
.b_fuchsia {background-color: rgba(255,000,255,1); color:#000; font-weight:900;}/*#ff00ff  */
.b_purple {background-color: rgba(128,000,128,1); color:#fff; font-weight:900;} /*#800080  */
.b_red      {background-color: rgba(255,000,000,1);  color:#fff; font-weight:900;}/*#FF0000*/
.b_maroon{background-color: rgba(128,000,000,1); color:#fff; font-weight:900;}/*#800000*/
.b_brown {background-color: rgba(165,042,042,1); color:#fff; font-weight:900;}/*#a52a2a*/
.b_chocolate{background-color: rgba(210,105,030,1); color:#fff; font-weight:900;}/*#d2691e*/
.b_orange{background-color: rgba(255,165,000,1); color:#000; font-weight:900;}/* #ffa500  */
.b_yellow {background-color: rgba(255,255,000,1); color:#000; font-weight:900;}/*#ffff00*/
.b_yellowgreen{background-color: rgba(082,208,023,1); color:#000; font-weight:900;}/*#52d017*/
.b_lime   {background-color: rgba(000,255,000,1); color:#000; font-weight:900;}/*#00ff00*/
.b_olive   {background-color: rgba(128,128,000,1); color:#000; font-weight:900;}/*#808000*/
.b_green  {background-color: rgba(000,128,000,1); color:#fff; font-weight:900;}/*#008000*/
/*-------------------------------------------------------------------------------------------------- */
.b_akane09  {background-color: rgba(183,040,046,0.9); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane08  {background-color: rgba(183,040,046,0.8); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane07  {background-color: rgba(183,040,046,0.7); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane06  {background-color: rgba(183,040,046,0.6); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane05  {background-color: rgba(183,040,046,0.5); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane04  {background-color: rgba(183,040,046,0.4); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane03  {background-color: rgba(183,040,046,0.3); color:#fff; font-weight:900;}/*茜色#b7282e*/
.b_akane02  {background-color: rgba(183,040,046,0.2); color:#b7282e; font-weight:900;}/*茜色#b7282e*/
.b_akane01  {background-color: rgba(183,040,046,0.1); color:#b7282e; font-weight:900;}/*茜色#b7282e*/
/* ------------------------------------------------------------------------------------------- */
.b_hisui09    {background-color: rgba(056,180,139,0.9); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui08    {background-color: rgba(056,180,139,0.8); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui07    {background-color: rgba(056,180,139,0.7); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui06    {background-color: rgba(056,180,139,0.6); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui05    {background-color: rgba(056,180,139,0.5); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui04    {background-color: rgba(056,180,139,0.4); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui03    {background-color: rgba(056,180,139,0.3); color:#000; font-weight:900;}/*翡翠#38b48b*/
.b_hisui02    {background-color: rgba(056,180,139,0.2); color:#38b48b; font-weight:900;}/*翡翠#38b48b*/
.b_hisui01    {background-color: rgba(056,180,139,0.1); color:#38b48b; font-weight:900;}/*翡翠#38b48b*/
/* ------------------------------------------------------------------------------------------- */
.b_ruri09 {background-color: rgba(030,080,162,0.9); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri08 {background-color: rgba(030,080,162,0.8); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri07 {background-color: rgba(030,080,162,0.7); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri06 {background-color: rgba(030,080,162,0.6); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri05 {background-color: rgba(030,080,162,0.5); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri04 {background-color: rgba(030,080,162,0.4); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri03 {background-color: rgba(030,080,162,0.3); color:#fff; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri02 {background-color: rgba(030,080,162,0.2); color:#1e50a2; font-weight:900;}/*瑠璃#1e50a2*/
.b_ruri01 {background-color: rgba(030,080,162,0.1); color:#1e50a2; font-weight:900;}/*瑠璃#1e50a2*/
/* ------------------------------------------------------------------------------------------- */
.b_tomekon09 {background-color