Webカラーコーディネート配色講座～Webセーフカラー編～

Webセーフカラーを色相環に分類してあります、配色時にお役立てください。

はじめに

現在一般にWebセーフカラーとしてWebサイトや書籍などで紹介されている一覧表は、16進数表示の順に並べられていることが多く、その表だけを見ながら配色理論に基づいた色選びをしようとしても非常に困難だというのが現状です（汗）

当サイトではWebセーフカラーを、マンセルやオストワルト、PCCSなどの色立体に見られるような、色相を基準とした順に並べ替えてあります。配色理論をよくご存知の方にはこの方が使いやすいのではないかと思います。

なお、配色に慣れてらっしゃらない方向けのコーナーは随時製作していく予定ですのでお待ちください。

サイト運営者：くっぴー（ku@greenleaf.jp）
２級カラーコーディネーター（東京商工会議所）
２級色彩コーディネーター（AFT・全国服飾教育者連合会）
インテリアコーディネーター（インテリア産業協会）

レッド（R）の等色相面

#ffcccc

#cc9999

#996666

#663333

#330000

#ff9999

#cc6666

#993333

#660000

#ff6666

#cc3333

#990000

#ff3333

#cc0000

#ff0000（レッド）

レッド～イエローの等色相面

#------

#ff3300

#------

#ff6633

#cc3300

#------

#ff9966

#cc6633

#993300

#------

#ff6600

#------

#ffcc99

#cc9966

#996633

#663300

#------

#ff9933

#cc6600

#------

#ff9900

#------

#ffcc66

#cc9933

#996600

#------

#ffcc33

#cc9900

#------

#ffcc00

イエロー（Y）の等色相面

#ffffcc

#cccc99

#999966

#666633

#333300

#ffff99

#cccc66

#999933

#666600

#ffff66

#cccc33

#999900

#ffff33

#cccc00

#ffff00（イエロー）

イエロー～グリーンの等色相面

#------

#ccff00

#------

#ccff33

#99cc00

#------

#ccff66

#99cc33

#669900

#------

#99ff00

#------

#ccff99

#99cc66

#669933

#336600

#------

#99ff33

#66cc00

#------

#66ff00

#------

#99ff66

#66cc33

#339900

#------

#66ff33

#33cc00

#------

#33ff00

グリーン（G）の等色相面

#ccffcc

#99cc99

#669966

#336633

#003300

#99ff99

#66cc66

#339933

#006600

#66ff66

#33cc33

#009900

#33ff33

#00cc00

#00ff00（グリーン）

グリーン～シアンの等色相面

#------

#00ff33

#------

#33ff66

#00cc33

#------

#66ff99

#33cc66

#009933

#------

#00ff66

100

#------

#99ffcc

#66cc99

#339966

#006633

#------

#33ff99

#00cc66

#------

104

#------

#00ff99

107

#------

#66ffcc

#33cc99

#009966

#------

110

#------

#33ffcc

#00cc99

#------

112

#------

#00ffcc

シアン（C）の等色相面

120

#ccffff

#99cccc

#669999

#336666

#003333

#99ffff

#66cccc

#339999

#006666

#66ffff

#33cccc

#009999

#33ffff

#00cccc

#00ffff（シアン）

シアン～ブルーの等色相面

128

#------

#00ccff

130

#------

#33ccff

#0099cc

#------

133

#------

#66ccff

#3399cc

#006699

#------

136

#------

#0099ff

140

#------

#99ccff

#6699cc

#336699

#003366

#------

#3399ff

#0066cc

#------

144

#------

#0066ff

147

#------

#6699ff

#3366cc

#003399

#------

150

#------

#3366ff

#0033cc

#------

152

#------

#0033ff

ブルー（B）の等色相面

160

#ccccff

#9999cc

#666699

#333366

#000033

#9999ff

#6666cc

#333399

#000066

#6666ff

#3333cc

#000099

#3333ff

#0000cc

#0000ff（ブルー）

ブルー～マゼンダの等色相面

168

#------

#3300ff

170

#------

#6633ff

#3300cc

#------

173

#------

#9966ff

#6633cc

#330099

#------

176

#------

#6600ff

180

#------

#cc99ff

#9966cc

#663399

#330066

#------

#9933ff

#6600cc

#------

184

#------

#9900ff

187

#------

#cc66ff

#9933cc

#660099

#------

190

#------

#cc33ff

#9900cc

#------

192

#------

#cc00ff

マゼンダ（M）の等色相面

200

#ffccff

#cc99cc

#996699

#663366

#330033

#ff99ff

#cc66cc

#993399

#660066

#ff66ff

#cc33cc

#990099

#ff33ff

#cc00cc

#ff00ff（マゼンダ）

マゼンダ～レッドの等色相面

208

#------

#ff00cc

210

#------

#ff33cc

#cc0099

#------

213

#------

#ff66cc

#cc3399

#990066

#------

216

#------

#ff0099

220

#------

#ff99cc

#cc6699

#993366

#660033

#------

#ff3399

#cc0066

#------

224

#------

#ff0066

227

#------

#ff6699

#cc3366

#990033

#------

230

#------

#ff3366

#cc0033

#------

232

#------

#ff0033

無彩色

#ffffff

#cccccc

#999999

#666666

#333333

#000000

#------

[

リネンではじめるシンプルライフHome /

PageTop ]