ＨＴＭＬでホームページを作る
色指定（カラーネームとＲＧＢコード）

前のページでは、<body>の中に文字の色と背景の色を指定できるというお話をしました。
<body bgcolor="blue" text="red"></body>というふうに、blueとかredとかいった色の名前で、指定しました。
ＨＴＭＬでは、名前で指定できる色が決まっています。（下に一覧表あり）
そのほかＲＧＢコードを使っても指定できます。
ＲＧＢコードとは、Ｒ＝赤、Ｇ＝緑、Ｂ＝青の、それぞれの量を数字で（１６進数）指定する方法です。
例えば、赤を１９０、緑を６０、青を１３０、使った色は、 こんな色になります。
これを、１６進数で表記すると、赤＝ｂｅ、緑＝３ｃ、青＝８２となりますが、
１６進数というものに、馴染みがない人も多いと思います。
普通、馴染みがあるのは０〜９までをつかった１０進数ですね。
９より一つ大きい数字は１０と表されます。
いつも使っているのが１０進数です。
１６進数の場合、０１２３４５６７８９ａｂｃｄｅｆの１６個の数字を使います。
１６進数のａは、１０進数の１０
１６進数のｂは、１０進数の１１
１６進数のｃは、１０進数の１２
１６進数のｄは、１０進数の１３
１６進数のｅは、１０進数の１４
１６進数のｆは、１０進数の１５にそれぞれ該当します。
ｆより一つ大きい数字が１０に成ります。つまり、１６進数の１０は、１０進数の１６に該当するのです。
ＲＧＢコードでは赤、緑、青それぞれが、０〜ｆｆまでの範囲で指定できます。１０進数で言うと０〜２５５に該当します。
<body bgcolor="blue" text="red"></body>をＲＧＢコードで描くと
<body bgcolor="#0000ff" text="#ff0000"></body>となります。
#0000ffの＃は、ＲＧＢコードの先頭に必ず付けておきます。
＃に続けて６桁の１６進数を書きます。
そして、最初の２桁は赤の量を、真ん中の２桁は緑の量を、最後の２桁は青の量を表します。
この場合、最初の２桁は００、つまり赤は０、そして真ん中の２桁も００、つまり緑は０、最後の２桁がｆｆですね。
つまり青がｆｆということです。
ＨＴＭＬエディターがあれば、この１６進数もほとんど意識することなく、ＲＧＢコードで色が指定できます。
普通、色を確認しながら、色指定すれば、ＲＧＢコードを自動的に書き込んでくれるようになっています。
色の指定は、色の名前（カラーネーム）でも、ＲＧＢコードでもかまいません。

８．ＨＴＭＬでホームページを作る。<p><div>と見出し<h1>〜<h6>へ
ＰＣ−ＰＡＲＫトップに戻る
心の話サイコロＴｏｗｎ！へ
とりあえず、１６進数と１０進数の対応表とカラーネーム一覧表を付けておきます。
１０進数→１６進数対応表
１０進数＝１６進数１０進数＝１６進数１０進数＝１６進数 １０進数＝１６進数１０進数＝１６進数
1=12=23=34=45=5
6=67=78=89=910=a
11=b12=c13=d14=e15=f
16=1017=1118=1219=1320=14
21=1522=1623=1724=1825=19
26=1a27=1b28=1c29=1d30=1e
31=1f32=2033=2134=2235=23
36=2437=2538=2639=2740=28
41=2942=2a43=2b44=2c45=2d
46=2e47=2f48=3049=3150=32
51=3352=3453=3554=3655=37
56=3857=3958=3a59=3b60=3c
61=3d62=3e63=3f64=4065=41
66=4267=4368=4469=4570=46
71=4772=4873=4974=4a75=4b
76=4c77=4d78=4e79=4f80=50
81=5182=5283=5384=5485=55
86=5687=5788=5889=5990=5a
91=5b92=5c93=5d94=5e95=5f
96=6097=6198=6299=63100=64
101=65102=66103=67104=68105=69
106=6a107=6b108=6c109=6d110=6e
111=6f112=70113=71114=72115=73
116=74117=75118=76119=77120=78
121=79122=7a123=7b124=7c125=7d
126=7e127=7f128=80129=81130=82
131=83132=84133=85134=86135=87
136=88137=89138=8a139=8b140=8c
141=8d142=8e143=8f144=90145=91
146=92147=93148=94149=95150=96
151=97152=98153=99154=9a155=9b
156=9c157=9d158=9e159=9f160=a0
161=a1162=a2163=a3164=a4165=a5
166=a6167=a7168=a8169=a9170=aa
171=ab172=ac173=ad174=ae175=af
176=b0177=b1178=b2179=b3180=b4
181=b5182=b6183=b7184=b8185=b9
186=ba187=bb188=bc189=bd190=be
191=bf192=c0193=c1194=c2195=c3
196=c4197=c5198=c6199=c7200=c8
201=c9202=ca203=cb204=cc205=cd
206=ce207=cf208=d0209=d1210=d2
211=d3212=d4213=d5214=d6215=d7
216=d8217=d9218=da219=db220=dc
221=dd222=de223=df224=e0225=e1
226=e2227=e3228=e4229=e5230=e6
231=e7232=e8233=e9234=ea235=eb
236=ec237=ed238=ee239=ef240=f0
241=f1242=f2243=f3244=f4245=f5
246=f6247=f7248=f8249=f9250=fa
251=fb252=fc253=fd254=fe255=ff

カラーネーム表（この表内の文字の色は、カラーネームとは関係ありません。）
whitewhitesmokegainsborolightgreysilverdarkgraygraydimgrayblacksnow
ghostwhitemintcreamazureivoryfloralwhitealicebluelavenderblushseashellhoneydewlightyellow
lightcyantealdarkcyancadetbluelightseagreenmediumaquamarinemediumturquoisedarkturquoiseturquoisehoneydewtad
aquamarineaquacyanmidnightbluenavydarkbluedarkslateblueindigosteelbluemediumblue
royalbluebluedodgerbluecornflowerbluedeepskybluelightskybluelightbluepowderbluepaleturquoiselightsteelblue
lightslategrayslategraydarkslategraydarkgreengreenforestgreenseagreenmediumseagreenlimegreenlime
chartreuselawngreengreenyellowdarkkhakidarkolivegreenolivedraboliveyellowgreendarkseagreenlightgreen
palegreenspringgreenmediumspringgreenpurpledarkmagentadarkvioletbluevioletdarkorchidmediumorchidmediumslateblue
slatebluemediumpurpleorchidmagentafuchsiavioletplumthistlelavendercrimson
mediumvioletredpalevioletredredorangeredtomatodarkorangeorangecoralsalmonlightcoral
lightsalmondeeppinkhotpinklightpinkpinkmistyrosedarkredsaddlebrownmaroonsienna
siennabrowngoldenrodfirebrickindianredchocolatedarksalmonpeachpuffbisqueblanchedalmond
rosybrowndarkgoldenrodperusandybrowntanburlywoodnavajowhitemoccasinwheatpapayawhip
antiquewhitepapayawhipoldlacelinengoldenrodgoldyellowdarkkhakikhakipalegoldenrod
lemonchiffonbeigelightgoldenrodyellowcornsilk





広告 花 万馬券 無料レンタルサーバー ブログ blog