色は、htmlでは6ビットのHexコードとrgbまたはキーワードで表現されます。
2022-01-10 13:38:11
HTMLで色を表現する方法は3つあり、最も一般的なのは6ビットの16進コード表現です。例えば、bgcolor=#ff0000; ここで#は、6ビットの16進カラーコードを使って色を宣言していることを意味するだけです。コードの最初の2つ、ffは赤の3原色を示し、範囲はもちろん16進数で00-ff、中間の2つ、00は緑、最後の2つ、00は青、00は無色、ffは最も強い色を示します。つまり、000000は黒、ffffは白を意味し、同様にff0000は純赤、00ff00は純緑、0000ffは純青を意味する。
また、色はrgb(r,g,b)で表すことができます。r,g,bのカッコ内は赤、緑、青を0~255の10進数またはパーセントで表し、例えばrgb(255,0,0)とrgb(100,0%,0%)は両方とも赤を表しています。
また、色表現はカラーキーワードで表現することができ、以下の16種類がある。
ブラック ブラック #000000
マルーンダークブラウン#800000
グリーングリーン#008000
オリーブ オリーブ #808000
ネイビー ネイビーブルー #000080
パープルパープル #800080
ティール水鸭绿色 #008080
グレイ グレイ #808080
シルバー #C0C0C0
赤色 レッド #FF0000
ライムアシッドオレンジ#00FF00
イエロー イエロー #FFFF00
ブルーブルー #0000FF
フクシアマゼンタ #FF00FF
アクアアクア #00FFFF
ホワイト #FFFFFF
例えば、bgcolor=redのように書くと、次のように相当します。
bgcolor=rgb(255,0,0),bgcolor=rgb(100%,0%,0%),bgcolor=#ff0000;
また、色はrgb(r,g,b)で表すことができます。r,g,bのカッコ内は赤、緑、青を0~255の10進数またはパーセントで表し、例えばrgb(255,0,0)とrgb(100,0%,0%)は両方とも赤を表しています。
また、色表現はカラーキーワードで表現することができ、以下の16種類がある。
ブラック ブラック #000000
マルーンダークブラウン#800000
グリーングリーン#008000
オリーブ オリーブ #808000
ネイビー ネイビーブルー #000080
パープルパープル #800080
ティール水鸭绿色 #008080
グレイ グレイ #808080
シルバー #C0C0C0
赤色 レッド #FF0000
ライムアシッドオレンジ#00FF00
イエロー イエロー #FFFF00
ブルーブルー #0000FF
フクシアマゼンタ #FF00FF
アクアアクア #00FFFF
ホワイト #FFFFFF
例えば、bgcolor=redのように書くと、次のように相当します。
コピーコード
コードは以下の通りです。
bgcolor=rgb(255,0,0),bgcolor=rgb(100%,0%,0%),bgcolor=#ff0000;
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン