WEBで使える主な色の一覧（セーフカラー）
ホームページで使える、主なカラーコードと、その英語名です。

色のイメージのカラーコードを押すと、詳細なページに移動します。
グラデーションのコードも載せています。

提供： 色の森


black
#000000		 dimgray
#696969		 gray
#808080		 darkgray
#a9a9a9		 silver
#c0c0c0
lightgray
#d3d3d3		 gainsboro
#dcdcdc
#f5f5f5		 white
#ffffff		 snow
#fffafa

#f8f8ff
#fffaf0		 linen
#faf0e6
#faebd7
#ffefd5

#ffebcd		 bisque
#ffe4c4		 moccasin
#ffe4b5
#ffdead
#ffdab9

#ffe4e1
#fff0f5		 seashell
#fff5ee		 oldlace
#fdf5e6		 ivory
#fffff0
honeydew
#f0fff0
#f5fffa		 azure
#f0ffff
#f0f8ff		 lavender
#e6e6fa

#b0c4de
#778899		 slategray
#708090		 steelblue
#4682b4		 royalblue
#4169e1

#191970		 navy
#000080		 darkblue
#00008b
#0000cd		 blue
#0000ff

#1e90ff
#6495ed
#00bfff
#87cefa		 skyblue
#87ceeb
lightblue
#add8e6		 powderblue
#b0e0e6
#afeeee		 lightcyan
#e0ffff		 cyan
#00ffff
aqua
#00ffff		 turquoise
#40e0d0
#48d1cc
#00ced1
#20b2aa
cadetblue
#5f9ea0		 darkcyan
#008b8b		 teal
#008080
#2f4f4f		 darkgreen
#006400
green
#008000
#228b22		 seagreen
#2e8b57
#3cb371
#66cdaa

#8fbc8f
#7fffd4
#98fb98
#90ee90
#00ff7f

#00fa9a		 lawngreen
#7cfc00
#7fff00
#adff2f		 lime
#00ff00
limegreen
#32cd32
#9acd32
#556b2f		 olivedrab
#6b8e23		 olive
#808000
darkkhaki
#bdb76b
#eee8aa		 cornsilk
#fff8dc		 beige
#f5f5dc
#ffffe0

#fafad2
#fffacd		 wheat
#f5deb3		 burlywood
#deb887		 tan
#d2b48c
khaki
#f0e68c		 yellow
#ffff00		 gold
#ffd700		 pink
#ffc0cb
#f4a460

#ff8c00		 goldenrod
#daa520		 peru
#cd853f
#b8860b		 chocolate
#d2691e
sienna
#a0522d
#8b4513		 maroon
#800000		 darkred
#8b0000		 brown
#a52a2a
firebrick
#b22222		 indianred
#cd5c5c		 rosybrown
#bc8f8f
#e9967a
#f08080
salmon
#fa8072
#ffa07a		 coral
#ff7f50		 tomato
#ff6347		 orangered
#ff4500
red
#ff0000		 crimson
#dc143c
#c71585		 deeppink
#ff1493		 hotpink
#ff69b4

#db7093		 orange
#ffa500		 lightpink
#ffb6c1		 thistle
#d8bfd8		 magenta
#ff00ff
fuchsia
#ff00ff		 violet
#ee82ee		 plum
#dda0dd		 orchid
#da70d6
#ba55d3

#9932cc
#9400d3
#8b008b		 purple
#800080		 indigo
#4b0082

#483d8b
#8a2be2
#9370db
#6a5acd
#7b68ee



おすすめカラーパターン

キャンディーファクトリー


グラデーションサンプル


#e1f9d4
#dbf7cb
#d5f6c2
#cff5ba
#c9f4b1

#c4f3a9
#bef1a0
#b8f097
#b2ef8f
#acee86

#a6ed7e
#a0eb75
#9aea6c
#94e964
#8ee85b

#82db4e
#7bcf4a
#74c446
#6db842
#66ad3e

#5fa13a
#599635
#528a31
#4b7f2d
#447329

#3d6725
#365c21
#2f501d
#294518
#223914






ページトップへ戻る

info@aray.jp