パソコン ネットで集客 WordPressはじめませんか? WordPress ドメイン取得

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

公開日: : 最終更新日:2017/11/15 CSS, HTML

このエントリーを Google ブックマーク に追加
LINEで送る
Pocket

本業に活かせる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

 


The following two tabs change content below.
システムエンジニア 1998年よりホームページ作成を始めHTMLで書く作成方法を得意としていたが、近年は、WordPressを使った作成方法に切り替えて作成しています。 WordPressの普及によって楽になった部分も多い中でいろんなテーマがあるんですが、手の届かない部分があるんですね。そういった部分を補正したり修正したりすることもよくやってます。

WEBのことならくまはちLABにお任せください。
阪神間を中心にお仕事させていただいております。

サービス案内   施工事例   ブログ
 
お問い合わせ

このエントリーを Google ブックマーク に追加
LINEで送る
Pocket

関連記事

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

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

記事を読む

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

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

記事を読む

Twitterマニア

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

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

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

メルマガ登録

E-Mail

お名前

powered byメール配信CGI acmailer

 

お問い合わせ窓口

運営会社 くまはちLAB  

24時間メールお問合わせ

 

  

あなたに捧げる名言・格言

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

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

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

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

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

くまはちです! Facebookページの FBMaster

WordPress 不具合出ることもあります!

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

WordPress Stinger3改造編

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

→もっと見る