色探 求人のホームページ:色カラー
ホワイトブランド ブラックブランド グレーブランド ブルーブランド レッドブランド グリーンブランド イエローブランド オレンジブランド ピンクブランド パープルブランド ブラウンブランド ゴールドブランド シルバーブランド

安心して使用できるwebセーフカラー

COLORCHART

WEBセーフカラー

Webセーフカラーをおおよそ色相で分けて配列しています。HTML制作ソフトのカラーパレットにある色コード216色のカラーチャートです。同系色で集まっている表パレットから色を見ると組み合わせを考えるとき便利です。

カラーコードを覚えて、数値を見ただけで明るい色〜暗い色、青〜赤〜緑って色彩が分かると作業スピードは上がります。

WEBカラーチャート

#FFFFFF #CCCCCC #999999 #666666 #333333 #000000
#000033 #003333 #003300 #333300 #330000 #330033
#330066 #003366 #000066 #660033 #663300 #660000
#000099 #003399 #660066 #330099 #333366 #663333
#FF0000 #FF0033 #FF3300 #FF3333 #990000 #990033
#CC0000 #CC0033 #CC3300 #CC3333 #993300 #993333
#FF6600 #FF6633 #FF9900 #FF9933 #996600 #996633
#FF6666 #FF9966 #CC6600 #CC6633 #CC6666 #996666
#CC9900 #CC9933 #CC9966 #FFCC00 #FFCC33 #FFCC66
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #CCFF00 #CCFF33
#666600 #666633 #999900 #CCCC00 #CCCC33 #CCCC66
#99CC00 #99CC33 #99CC66 #999933 #999966 #99CC99
#00FF00 #00FF33 #00FF66 #33FF00 #33FF33 #33FF66
#33CC00 #33CC33 #33CC66 #33CC99 #33FF99 #669900
#669933 #669966 #66CC00 #66CC33 #66CC66 #66FF00
#66FF33 #66FF66 #99FF00 #99FF33 #00FF99 #66FF99
#006600 #006633 #009933 #009966 #009900 #339900
#339933 #339966 #00CC00 #00CC33 #00CC66 #336600
#336633 #336666 #00CC99 #339999 #006666 #669999
#009999 #0099CC #00FFCC #00CCCC #33CCCC #33CCFF
#66FFCC #66FFFF #00FFFF #33FFCC #33FFFF #00CCFF
#0099FF #0066CC #0066FF #3399CC #3399FF #3366FF
#333399 #336699 #3300CC #3300FF #3333FF #3333CC
#0000CC #0000FF #0033CC #0033FF #3366CC #006699
#990099 #660099 #663366 #663399 #666699 #6600CC
#6633CC #6666CC #6600FF #6633FF #6666FF #990066
#993366 #993399 #996699 #9900CC #9933CC #9966CC
#9900FF #9933FF #9966FF #CC66CC #CC3366 #CC3399
#CC0066 #CC0099 #CC00CC #CC00FF #FF0066 #FF0099
#CC33CC #CC33FF #CC6699 #CC66FF #FF6699 #FF66FF
#FF00CC #FF00FF #FF3366 #FF3399 #FF33CC #FF33FF
#FFCCCC #FFCCFF #CC9999 #9999CC #9999FF #6699FF
#CCCCFF #CCFFCC #CCFFFF #99CCCC #99CCFF #6699CC
#FF9999 #FF99CC #FF99FF #66CCCC #99FFFF #66CCFF
#FFFFCC #CCCC99 #CCFF66 #CCFF99 #FFCC99 #FF66CC
#CC99FF #CC99CC #99FF66 #99FF99 #66CC99 #99FFCC

昔はフルカラーのモニターばかりではなかったので、256色の環境でも再現される色がWEBセーフカラーとして定められていました。MacとWindowsでのモニター表示の256色の色は少し違うので両方で表示可能な216色がHTMLで定義されている基本色となっています。

WEBセーフカラーはRRGGBBで表記され、各値を16進数(0〜F)で表現し、[00 33 66 99 CC FF ]の組み合わせから成ります。R・G・Bでそれぞれ各6色の掛け合わせで6×6×6=216色です。

今はフルカラーが主流なので1600万色の色表現が可能で好きな色を指定してもきちんと表示されます。どぎつい色が多いので今となってはWebセーフカラーだけを使う人は少ないですが、色の区別をはっきり付けたいときはこのWebセーフカラーの色の中から選ぶと色分けはしっかりできます。

カラーチャート


Webアンケート調査・ネットリサーチ




イーデザイン selection

色のイメージ効果を知ろう。カラーボックスを選ぶとその色の全てが分かります。


配色の仕組みが分かる