こんにちは

CSS勉強中スタッフです

学生さんはテストはおわった

今日は、以前に紹介した色の名前の記事の続きだよ

今回は色番号

以前に勉強した色の名前「 red 」とか「 pink」の代わりに、下記の色の番号を使ってもOKだよ

好きな色を

見つけてね

#FFFFFF#EEEEEE#DDDDDD#CCCCCC#BBBBBB#AAAAAA#999999#888888
#777777#666666#555555#444444#333333#222222#111111#000000
#FFFFFF#FFFFDD#FFFFBB#FFFF99#FFFF77#FFFF55#FFFF33#FFFF00
#FFDDFF#FFDDDD#FFDDBB#FFDD99#FFDD77#FFDD55#FFDD33#FFDD00
#FFBBFF#FFBBDD#FFBBBB#FFBB99#FFBB77#FFBB55#FFBB33#FFBB00
#FF99FF#FF99DD#FF99BB#FF9999#FF9977#FF9955#FF9933#FF9900
#FF77FF#FF77DD#FF77BB#FF7799#FF7777#FF7755#FF7733#FF7700
#FF55FF#FF55DD#FF55BB#FF5599#FF5577#FF5555#FF5533#FF5500
#FF33FF#FF33DD#FF33BB#FF3399#FF3377#FF3355#FF3333#FF3300
#FF00FF#FF00DD#FF00BB#FF0099#FF0077#FF0055#FF0033#FF0000
#DDFFFF#DDFFDD#DDFFBB#DDFF99#DDFF77#DDFF55#DDFF33#DDFF00
#DDDDFF#DDDDDD#DDDDBB#DDDD99#DDDD77#DDDD55#DDDD33#DDDD00
#DDBBFF#DDBBDD#DDBBBB#DDBB99#DDBB77#DDBB55#DDBB33#DDBB00
#DD99FF#DD99DD#DD99BB#DD9999#DD9977#DD9955#DD9933#DD9900
#DD77FF#DD77DD#DD77BB#DD7799#DD7777#DD7755#DD7733#DD7700
#DD55FF#DD55DD#DD55BB#DD5599#DD5577#DD5555#DD5533#DD5500
#DD33FF#DD33DD#DD33BB#DD3399#DD3377#DD3355#DD3333#DD3300
#DD00FF#DD00DD#DD00BB#DD0099#DD0077#DD0055#DD0033#DD0000
#BBFFFF#BBFFDD#BBFFBB#BBFF99#BBFF77#BBFF55#BBFF33#BBFF00
#BBDDFF#BBDDDD#BBDDBB#BBDD99#BBDD77#BBDD55#BBDD33#BBDD00
#BBBBFF#BBBBDD#BBBBBB#BBBB99#BBBB77#BBBB55#BBBB33#BBBB00
#BB99FF#BB99DD#BB99BB#BB9999#BB9977#BB9955#BB9933#BB9900
#BB77FF#BB77DD#BB77BB#BB7799#BB7777#BB7755#BB7733#BB7700
#BB55FF#BB55DD#BB55BB#BB5599#BB5577#BB5555#BB5533#BB5500
#BB33FF#BB33DD#BB33BB#BB3399#BB3377#BB3355#BB3333#BB3300
#BB00FF#BB00DD#BB00BB#BB0099#BB0077#BB0055#BB0033#BB0000
#99FFFF#99FFDD#99FFBB#99FF99#99FF77#99FF55#99FF33#99FF00
#99DDFF#99DDDD#99DDBB#99DD99#99DD77#99DD55#99DD33#99DD00
#99BBFF#99BBDD#99BBBB#99BB99#99BB77#99BB55#99BB33#99BB00
#9999FF#9999DD#9999BB#999999#999977#999955#999933#999900
#9977FF#9977DD#9977BB#997799#997777#997755#997733#997700
#9955FF#9955DD#9955BB#995599#995577#995555#995533#995500
#9933FF#9933DD#9933BB#993399#993377#993355#993333#993300
#9900FF#9900DD#9900BB#990099#990077#990055#990033#990000
#77FFFF#77FFDD#77FFBB#77FF99#77FF77#77FF55#77FF33#77FF00
#77DDFF#77DDDD#77DDBB#77DD99#77DD77#77DD55#77DD33#77DD00
#77BBFF#77BBDD#77BBBB#77BB99#77BB77#77BB55#77BB33#77BB00
#7799FF#7799DD#7799BB#779999#779977#779955#779933#779900
#7777FF#7777DD#7777BB#777799#777777#777755#777733#777700
#7755FF#7755DD#7755BB#775599#775577#775555#775533#775500
#7733FF#7733DD#7733BB#773399#773377#773355#773333#773300
#7700FF#7700DD#7700BB#770099#770077#770055#770033#770000
#55FFFF#55FFDD#55FFBB#55FF99#55FF77#55FF55#55FF33#55FF00
#55DDFF#55DDDD#55DDBB#55DD99#55DD77#55DD55#55DD33#55DD00
#55BBFF#55BBDD#55BBBB#55BB99#55BB77#55BB55#55BB33#55BB00
#5599FF#5599DD#5599BB#559999#559977#559955#559933#559900
#5577FF#5577DD#5577BB#557799#557777#557755#557733#557700
#5555FF#5555DD#5555BB#555599#555577#555555#555533#555500
#5533FF#5533DD#5533BB#553399#553377#553355#553333#553300
#5500FF#5500DD#5500BB#550099#550077#550055#550033#550000
#33FFFF#33FFDD#33FFBB#33FF99#33FF77#33FF55#33FF33#33FF00
#33DDFF#33DDDD#33DDBB#33DD99#33DD77#33DD55#33DD33#33DD00
#33BBFF#33BBDD#33BBBB#33BB99#33BB77#33BB55#33BB33#33BB00
#3399FF#3399DD#3399BB#339999#339977#339955#339933#339900
#3377FF#3377DD#3377BB#337799#337777#337755#337733#337700
#3355FF#3355DD#3355BB#335599#335577#335555#335533#335500
#3333FF#3333DD#3333BB#333399#333377#333355#333333#333300
#3300FF#3300DD#3300BB#330099#330077#330055#330033#330000
#00FFFF#00FFDD#00FFBB#00FF99#00FF77#00FF55#00FF33#00FF00
#00DDFF#00DDDD#00DDBB#00DD99#00DD77#00DD55#00DD33#00DD00
#00BBFF#00BBDD#00BBBB#00BB99#00BB77#00BB55#00BB33#00BB00
#0099FF#0099DD#0099BB#009999#009977#009955#009933#009900
#0077FF#0077DD#0077BB#007799#007777#007755#007733#007700
#0055FF#0055DD#0055BB#005599#005577#005555#005533#005500
#0033FF#0033DD#0033BB#003399#003377#003355#003333#003300
#0000FF#0000DD#0000BB#000099#000077#000055#000033#000000

色番号を使って、前の記事「自分のコメントの色を変えてみる」をちょっとかえてみるよ

.ownerComment{
background: #FFCC33 ;
}

こんな感じ

色番号を背景色や文字色、線の色などなどいろいろなCSSに応用してみてね

CSS編集をやってみたけど、なぜかうまくできない。原因が分からない人
→この記事を見てみてね

CSS？カスタマイズ？って　何かよく分からない人
→この記事を見てみてね

※このブログのカスタマイズは、「CSS編集用デザイン」 を使ったもので、CSS編集用デザイン以外のCSS編集に対応していません。

【Tips】 CSSの色の名前 その２

【Tips】 CSSの色の名前　その２