カラーコード一覧表:ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成 HTMLタグ基礎講座

ホームページ作成 HTML講座 カラーコード一覧表(color codes)

ホームページ作成・HTML講座・スタイルシート(CSS)・javascript・SEO対策



リストマークカラ−コ−ド一覧表
カラーコード(color codes)とRGB値
カラーコードとは赤色(red)緑色(green)青色(blue)の三原色を組み合わせ0から255までの256段階で表現したもので、それを16進数で表したものです。
この16進数で指定するかカラーネームで指定するかどちらかになります。
(CSSの場合は10進数や割合でも可能です。)

●OSやディスプレイ等の環境の違いで多少、色の見え方が変化しますその中でも色の変化が少ないのは基本カラー16色セーフカラー232色(基本カラー含む)です。

※Webサイトを作成する段階でテーマカラーを決めておくのは重要だと思います。
ロゴ・商品・テーマのイメージを考慮する事をお勧めします。

▼もっとも環境によって変化しにくい色は基本カラー16色です。
カラーコードのサンプル(見本)
基本カラー16色
black #000000
gray #808080
silver #C0C0C0
white #FFFFFF
maroon #800000
red #FF0000
olive #808000
yellow #FFFF00
green #008000
lime #00FF00
teal #008080
aqua #00FFFF
navy #000080
blue #0000FF
purple #800080
fuchsia #FF00FF
サンプルソース 表示結果
<font color="#ff0000">赤で表示</font> 赤で表示
<font color="red">赤で表示</font> 赤で表示

▼次に影響が少ないとされているセーフカラーです。(基本カラー含む)
カラーコードのサンプル(見本)
セーフカラー
#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF
#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC
#000099 #003399 #006699 #009999 #00CC99 #00FF99
#000066 #003366 #006666 #009966 #00CC66 #00FF66
#000033 #003333 #006633 #009933 #00CC33 #00FF33
#000000 #003300 #006600 #009900 #00CC00 #00FF00
#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF
#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC
#330099 #333399 #336699 #339999 #33CC99 #33FF99
#330066 #333366 #336666 #339966 #33CC66 #33FF66
#330033 #333333 #336633 #339933 #33CC33 #33FF33
#330000 #333300 #336600 #339900 #33CC00 #33FF00
#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF
#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC
#660099 #663399 #666699 #669999 #66CC99 #66FF99
#660066 #663366 #666666 #669966 #66CC66 #66FF66
#660033 #663333 #666633 #669933 #66CC33 #66FF33
#660000 #663300 #666600 #669900 #66CC00 #66FF00
#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF
#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC
#990099 #993399 #996699 #999999 #99CC99 #99FF99
#990066 #993366 #996666 #999966 #99CC66 #99FF66
#990033 #993333 #996633 #999933 #99CC33 #99FF33
#990000 #993300 #996600 #999900 #99CC00 #99FF00
#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF
#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC
#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99
#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66
#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33
#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00
#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFFF
#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC
#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99
#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66
#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33
#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00
※白い字は見やすいようにしただけで特別な意味はありません。

clear.gif

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora