もくじ
もくじ

色の見本表

09f → #0099ff

以下に色見本をあげました。全部を出すのは無理なので、16進法2桁の256段階を、00 33 66 99 cc ff の6段階にして組み合わせてあります。図の中の数字が、09f となっていれば、その色のカラーコードは #0099ff です。スタイルシートで使用するときは次のようにします。

color:blue; → color:#0099ff;

彩度-高  彩度-中  彩度-低

                 0ff
0ff
         
  0cf
0cf
3ff
3ff
 
  09f
09f
3cf
3cf
6ff
6ff
 
  06f
06f
39f
39f
6cf
6cf
9ff
9ff
 
  03f
03f
36f
36f
69f
69f
9cf
9cf
cff
cff
 
  00f
00f
33f
33f
66f
66f
99f
99f
ccf
ccf
fff
fff
 
  00c
00c
30f
30f
63f
63f
96f
96f
c9f
c9f
fcf
fcf
 
  009
009
30c
30c
60f
60f
93f
93f
c6f
c6f
f9f
f9f
   
  006
006
309
309
60c
60c
90f
90f
c3f
c3f
f6f
f6f
   
  003
003
306
306
609
609
90c
90c
c0f
c0f
f3f
f3f
   
  000
000
303
303
606
606
909
909
c0c
c0c
f0f
f0f
   
  300
300
603
603
906
906
c09
c09
f0c
f0c
f3f
f3f
 
    600
600
903
903
c06
c06
f09
f09
f3c
f3c
f6f
f6f
 
    900
900
c03
c03
f06
f06
f39
f39
f6c
f6c
f9f
f9f
 
    c00
c00
f03
f03
f36
f36
f69
f69
f9c
f9c
fcf
fcf
 
    f00
f00
f33
f33
f36
f66
f99
f99
fcc
fcc
fff
fff
 
  c00
c00
f30
f30
f63
f63
f96
f96
fc9
fc9
ffc
ffc
 
  900
900
c30
c30
f60
f60
f93
f93
fc6
fc6
ff9
ff9
   
  600
600
930
930
c60
c60
f90
f90
fc3
fc3
ff6
ff6
   
  300
300
630
630
960
960
c90
c90
fc0
fc0
ff3
ff3
   
  000
000
330
330
660
660
990
990
cc0
cc0
ff0
ff0
   
  030
030
360
360
690
690
9c0
9c0
cf0
cf0
ff3
ff3
 
    060
060
390
390
6c0
6c0
9f0
9f0
cf3
cf3
ff6
ff6
 
    090
090
3c0
3c0
6f0
6f0
9f3
9f3
cf6
cf6
ff9
ff9
 
    0c0
0c0
3f0
3f0
6f3
6f3
9f6
9f6
cf9
cf9
ffc
ffc
 
    0f0
0f0
0f3
0f3
6f6
6f6
9f9
9f9
cfc
cfc
fff
fff
 
  0c0
0c0
0f3
0f3
3f6
3f6
6f9
6f9
9fc
9fc
cff
cff
 
  090
090
0c3
0c3
0f6
0f6
3f9
3f9
6fc
6fc
9ff
9ff
   
  060
060
093
093
0c6
0c6
0f9
0f9
3fc
3fc
6ff
6ff
   
  030
030
063
063
096
096
0c9
0c9
0fc
0fc
3ff
3ff
   
  000
000
033
033
066
066
099
099
0cc
0cc
0ff
0ff
   
  003
003
036
036
069
069
09c
09c
0cf
0cf
3ff
3ff
 
    006
006
039
039
06c
06c
09f
09f
3cf
3cf
6ff
6ff
 
    009
009
03c
03c
06f
06f
39f
39f
6cf
6cf
9ff
9ff
 
    00c
00c
03f
03f
36f
36f
69f
69f
9cf
9cf
cff
cff
 
    00f
00f
33f
33f
66f
66f
99f
99f
ccf
ccf
fff
fff
 
  00c
00c
30f
30f
63f
63f
96f
96f
c9f
c9f
fcf
fcf
 
  009
009
30c
30c
60f
60f
93f
93f
c6f
c6f
f9f
f9f
   
  006
006
309
309
60c
60c
90f
90f
c3f
c3f
f6f
f6f
   
  003
003
306
306
609
609
90c
90c
c30
c0f
f3f
f3f
   
  000
000
303
303
606
606
909
909
c0c
c0c
f0f
f0f
   
  300
300
603
603
906
906
c09
c09
f0c
f0c
   
    600
600
903
903
c06
c06
f09
f09
   
    900
900
c03
c03
f06
f06
   
    c00
c00
f03
f03
   
    f00
f00
   
       

彩度-高  彩度-中  彩度-低

          3cc
3cc
      
  39c
39c
6cc
6cc
 
  36c
36c
69c
69c
99c
99c
 
  33c
33c
66c
66c
99c
99c
ccc
ccc
 
  339
339
63c
63c
96c
96c
c9c
c9c
 
  336
336
639
639
93c
93c
c6c
c6c
   
  333
333
636
636
939
939
c3c
c3c
   
  633
633
936
936
c39
c39
c6c
c6c
 
    933
933
c36
c36
c69
c69
c9c
c9c
 
    c33
c33
c66
c66
c99
c99
ccc
ccc
 
  933
933
c63
c63
c96
c96
cc9
cc9
 
  633
633
963
963
c93
c93
cc6
cc6
   
  333
333
663
663
993
993
cc3
cc3
   
  363
363
693
693
9c3
9c3
cc6
cc6
 
    393
393
6c3
6c3
9c6
9c6
cc9
cc9
 
    3c3
3c3
6c6
6c6
9c9
9c9
ccc
ccc
 
  393
393
3c6
3c6
6c9
6c9
9cc
9cc
 
  363
363
396
396
3c9
3c9
6cc
6cc
   
  333
333
366
366
399
399
3cc
3cc
   
  366
366
369
369
39c
39c
6cc
6cc
 
    339
339
36c
36c
69c
69c
9cc
9cc
 
    33c
33c
66c
66c
99c
99c
ccc
ccc
 
  339
339
63c
63c
96c
96c
c9c
c9c
 
  336
336
639
639
93c
93c
c6c
c6c
   
  333
333
636
636
939
939
c3c
c3c
   
  633
633
936
936
c39
c39
   
    933
933
c36
c36
   
    c33
c33
   
       

彩度-高  彩度-中  彩度-低

     699
699
   
  669
669
999
999
 
  666
666
969
969
 
  966
966
999
999
 
  666
666
996
996
 
  696
696
999
999
 
  666
666
699
699
 
  669
669
999
999
 
  666
666
969
969
 
  966
966
 
 
       

ウェブページ(May.2008)
聖愛中学高等学校
http://www.seiai.ed.jp/
Sep.2003 改訂