無料でホームページ資料を提供しています。

Web サイト

ホーム	掲示板	ブログ	FAQ	お問い合わせ

216色カラーコード辞典

216色カラーパレットって？

Netscape Communications社が定義した色の分け方で、webセーフカラーとも呼ばれる。

複雑な色を使用すると、訪問者のコンピュータ環境によっては作成者の意図する物と変わってしまう事があり、 これを防ぐ為に提案した物である。RGB値をそれぞれ6段階に分けてそれらを組み合わせて使用する。

クイック作成ツール

色	16進数	R	G	B
■		0 51 102 153 204 255	0 51 102 153 204 255	0 51 102 153 204 255

表

R値が1段階目の系統

色	16進数	R	G	B
■	#000000	0	0	0
■	#000033			51
■	#000066			102
■	#000099			153
■	#0000CC			204
■	#0000FF			255
■	#003300		51	0
■	#003333			51
■	#003366			102
■	#003399			153
■	#0033CC			204
■	#0033FF			255
■	#006600		102	0
■	#006633			51
■	#006666			102
■	#006699			153
■	#0066CC			204
■	#0066FF			255
■	#009900		153	0
■	#009933			51
■	#009966			102
■	#009999			153
■	#0099CC			204
■	#0099FF			255
■	#00CC00		204	0
■	#00CC33			51
■	#00CC66			102
■	#00CC99			153
■	#00CCCC			204
■	#00CCFF			255
■	#00FF00		255	0
■	#00FF33			51
■	#00FF66			102
■	#00FF99			153
■	#00FFCC			204
■	#00FFFF			255

R値が2段階目の系統

色	16進数	R	G	B
■	#330000	51	0	0
■	#330033			51
■	#330066			102
■	#330099			153
■	#3300CC			204
■	#3300FF			255
■	#333300		51	0
■	#333333			51
■	#333366			102
■	#333399			153
■	#3333CC			204
■	#3333FF			255
■	#336600		102	0
■	#336633			51
■	#336666			102
■	#336699			153
■	#3366CC			204
■	#3366FF			255
■	#339900		153	0
■	#339933			51
■	#339966			102
■	#339999			153
■	#3399CC			204
■	#3399FF			255
■	#33CC00		204	0
■	#33CC33			51
■	#33CC66			102
■	#33CC99			153
■	#33CCCC			204
■	#33CCFF			255
■	#33FF00		255	0
■	#33FF33			51
■	#33FF66			102
■	#33FF99			153
■	#33FFCC			204
■	#33FFFF			255

R値が3段階目の系統

色	16進数	R	G	B
■	#660000	102	0	0
■	#660033			51
■	#660066			102
■	#660099			153
■	#6600CC			204
■	#6600FF			255
■	#663300		51	255
■	#663333			51
■	#663366			102
■	#663399			153
■	#6633CC			204
■	#6633FF			255
■	#666600		102	0
■	#666633			51
■	#666666			102
■	#666699			153
■	#6666CC			204
■	#6666FF			255
■	#669900		153	0
■	#669933			51
■	#669966			102
■	#669999			153
■	#6699CC			204
■	#6699FF			255
■	#66CC00		204	0
■	#66CC33			51
■	#66CC66			102
■	#66CC99			153
■	#66CCCC			204
■	#66CCFF			255
■	#66FF00		255	0
■	#66FF33			51
■	#66FF66			102
■	#66FF99			153
■	#66FFCC			204
■	#66FFFF			255

R値が4段階目の系統

色	16進数	R	G	B
■	#990000	153	0	0
■	#990033			51
■	#990066			102
■	#990099			153
■	#9900CC			204
■	#9900FF			255
■	#993300		51	0
■	#993333			51
■	#993366			102
■	#993399			153
■	#9933CC			204
■	#9933FF			255
■	#996600		102	0
■	#996633			51
■	#996666			102
■	#996699			153
■	#9966CC			204
■	#9966FF			255
■	#999900		153	0
■	#999933			51
■	#999966			102
■	#999999			153
■	#9999CC			204
■	#9999FF			255
■	#99CC00		204	0
■	#99CC33			51
■	#99CC66			102
■	#99CC99			153
■	#99CCCC			204
■	#99CCFF			255
■	#99FF00		255	0
■	#99FF33			51
■	#99FF66			102
■	#99FF99			153
■	#99FFCC			204
■	#99FFFF			255

R値が5段階目の系統

色	16進数	R	G	B
■	#CC0000	204	0	0
■	#CC0033			51
■	#CC0066			102
■	#CC0099			153
■	#CC00CC			204
■	#CC00FF			255
■	#CC3300		51	0
■	#CC3333			51
■	#CC3366			102
■	#CC3399			153
■	#CC33CC			204
■	#CC33FF			255
■	#CC6600		102	0
■	#CC6633			51
■	#CC6666			102
■	#CC6699			153
■	#CC66CC			204
■	#CC66FF			255
■	#CC9900		153	0
■	#CC9933			51
■	#CC9966			102
■	#CC9999			153
■	#CC99CC			204
■	#CC99FF			255
■	#CCCC00		204	0
■	#CCCC33			51
■	#CCCC66			102
■	#CCCC99			153
■	#CCCCCC			204
■	#CCCCFF			255
■	#CCFF00		255	0
■	#CCFF33			51
■	#CCFF66			102
■	#CCFF99			153
■	#CCFFCC			204
■	#CCFFFF			255

R値が6段階目の系統

色	16進数	R	G	B
■	#FF0000	255	0	0
■	#FF0033			51
■	#FF0066			102
■	#FF0099			153
■	#FF00CC			204
■	#FF00FF			255
■	#FF3300		51	0
■	#FF3333			51
■	#FF3366			102
■	#FF3399			153
■	#FF33CC			204
■	#FF33FF			255
■	#FF6600		102	0
■	#FF6633			51
■	#FF6666			102
■	#FF6699			153
■	#FF66CC			204
■	#FF66FF			255
■	#FF9900		153	0
■	#FF9933			51
■	#FF9966			102
■	#FF9999			153
■	#FF99CC			204
■	#FF99FF			255
■	#FFCC00		204	0
■	#FFCC33			51
■	#FFCC66			102
■	#FFCC99			153
■	#FFCCCC			204
■	#FFCCFF			255
■	#FFFF00		255	0
■	#FFFF33			51
■	#FFFF66			102
■	#FFFF99			153
■	#FFFFCC			204
■	#FFFFFF			255

216色カラーパレットの使い方の例

色	名前	16進数	R	G	B
■	金色	#FFCC00	255	204	0
■	肌色	#FFCC99	255	204	153
■	オレンジ色	#FF9900	255	153	0
■	パステルグリーン	#99FF99	153	255	153
■	パステルピンク	#FF9999	255	153	153
■	パステルブルー	#99FFFF	153	255	255
■	パステルイエロー	#FFFF66	255	255	102

▲このページのトップへ

グラフィック素材
HTMLとJavaScript素材
資料
おすすめランキング
HTML辞典
JavaScript辞典
便利情報
ホームページ運営講座
ホームページ用語集
リンク

│ホーム │FAQ │動作環境について │注意事項 │素材と資料の使い方 │

Copyright©2004-2018 無料ホームページ素材倉庫 All rights reserved.