色の森

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


グラデーションコード サンプル


#c2ddec
#b5d6e8
#a9cfe4
#9dc8e1
#91c1dd

#85bbd9
#78b4d5
#6cadd2
#60a6ce
#549fca

#4899c6
#3b92c3
#2f8bbf
#2384bb
#177db7

#0a71ab
#096ba2
#096599
#085f90
#085987

#07537e
#074d75
#06476c
#064163
#053b5a

#043551
#042f48
#03293f
#032336
#021d2d


写真をクリックしてカラーコードを取得

#d4c085
#fce073
#0101ff
#d6b9fc
#fd614a
#8ec260
#9a0000
#e7292b
#65290d
#88dbe3