色カラー
色彩を中心とした通信サイト

WEBカラーチャート

COLORCHART

WEBセーフカラー

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

スポンサーリンク


昔はフルカラーのモニターばかりではなかったので、256色の環境でも再現される色がWEBセーフカラーとして定められていました。MACとWINでの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セーフカラーの色の中から選ぶと色分けはしっかりできます。

#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

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


スポンサーリンク
あなたのカラーイメージを診断します

色の効果を知ろう

白のイメージ黒のイメージ灰のイメージ青のイメージ赤のイメージ緑のイメージ黄のイメージ橙のイメージ桃のイメージ紫のイメージ茶のイメージ金のイメージ銀のイメージ

iro-color

色の好き嫌い調査の結果2014
色のアンケート2


色のアンケート3

役立つ色の資格の資料請求
色に詳しくなるBOOK
このサイトに広告を載せませんか

色占い

金平糖時計


役立つカラーチャート