ウェブサイトで使える色コードの見本

ウェブサイトで使える色コードの見本


 

本業に活かせるFacebook講師ブログ開設サポート

しているくまはちです!

Facebookページ

FBMasterくまはちいいねお願いします。

Google+ページに+1お願いします。

ソーシャルメディア活用してます。(^-^)

くまはち


ウェブサイトで使用されている色についてのお話です。

いろんなウェブサイトで色についていろいろ変更されていたりしますね。

くまはちブログでもいろんな部分で色の変更しております。

これらは、HTMLCSS(カスケードスタイルシート)で指定された色です。

どんな指定の方法があるのか少し紹介してみたいと思います。

一覧表にしていますので、参考にしていただければ幸いです。

カラーピッカー
 


 

W3C標準 16色

基本となる色が16色あります。

これらは、色コードだけでなく色名でも指定できます。

W3C標準 基本16色

10進数 例: rgb(255,0,0)
カラー名 16進数 短縮系 R値 G値 B値
black #000000 #000 0 0 0
gray #808080 128 128 128
silver #C0C0C0 192 192 192
white #FFFFFF #FFF 255 255 255
blue #0000FF #00F 0 0 255
navy #000080 0 0 128
teal #008080 0 128 128
green #008000 0 128 0
lime #00FF00 #0F0 0 255 0
aqua #00FFFF #0FF 0 255 255
yellow #FFFF00 #FF0 255 255 0
red #FF0000 #F00 255 0 0
fuchsia #FF00FF #F0F 255 0 255
olive #808000 128 128 0
purple #800080 128 0 128
maroon #800000 128 0 0

 


 

216色のセーフカラー基準

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

 


 
最後にちょっと宣伝

神戸・大阪・明石でセミナーやってますよ。

セミナー情報は、こちら

ノブ横地さん・徳本 昌大さんの著書です。

くまはちがおすすめの本です。(^-^)

 

最後まで読んでいただき有難うございます。

ではでは、くまはちでした。(^-^)

シェアする

ランキングに参加してます。ぽちっとお願いします。

にほんブログ村 ネットブログ Facebookへにほんブログ村 IT技術ブログ ITコンサルティングへにほんブログ村 ネットブログへ

にほんブログ村

Facebook ブログランキングへ
私を登録 by BlogPeople


  • このエントリーをはてなブックマークに追加
  •    
  • 0
    follow us in feedly

関連記事

IEのアイコン表示

WEBページのアイコン変更してみる

くまはちです! Facebookページの FBMasterくまはちにいいねお願いします。

記事を読む

アメブロ

アメブロのHTMLタグにちょっとした工夫

  Facebook講師とブログ開設サポート しているくまはちです! F

記事を読む

仕事に活かすためのブログシェア
予約投稿でソーシャルメディアに投稿する

    本業に活かせるFacebook

Facebook
SNSやブログを仕事に活かすための個別レッスン

本業に活かせるFacebook講師とブログ開設サポート して

アメブロ
くまはちが制作したアメブロは、アクセスが増えます!

くまはちが制作したアメブロは、アクセスが増えます! くま

ダイエットして身も心も美しく歳を重ねるために・・・
アメブロから集客できるには、理由があるんです!

アメブロで集客できます。 よく聞く言葉ですよね。

くまはち
繰り返し投稿すると・・・

  本業に活かせるFacebook講師とブログ開設サポート

→もっと見る

  • メルマガ登録

    E-Mail

    Name

    powered byメール配信CGI acmailer
     
  • Instagram
     

     

     
    Pinterest
     
    pixiv
     
  • 2017年3月
    « 6月    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
PAGE TOP ↑