HTML で色を表すには、6 桁の 16 進コード、RGB、またはキーワードを使用します。

HTML で色を表すには、6 桁の 16 進コード、RGB、またはキーワードを使用します。
HTML で色を表す方法は 3 つありますが、最もよく使われるのは 6 桁の 16 進コード表現です。たとえば、bgcolor=#ff0000; の場合、# は単に 6 桁の 16 進数カラー コードを使用して色を宣言することを意味します。コードの最初の 2 桁の ff は、3 つの原色のうちの赤を表します。範囲は、もちろん 16 進数で 00 ~ ff です。真ん中の 2 桁の 00 は緑を表し、最後の 2 桁の 00 は青を表します。00 は無色を表し、ff は最も強い色を表します。したがって、000000 は黒、ffffff は白を表し、同様に ff0000 は純粋な赤、00ff00 は純粋な緑、0000ff は純粋な青を表します。

また、色は RGB (r, g, b) で表現することもできます。括弧内の r、g、b はそれぞれ赤、緑、青を表し、0 から 255 までの小数またはパーセンテージで表します。たとえば、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;

<<:  Linuxはnode.jsを完全に削除し、yumコマンドで再インストールします。

>>:  情報製品の読書リストのインタラクティブなデザインに関する考えと経験の共有

推薦する

Vue 開発プロジェクトで Font Awesome 5 を使用する方法

目次依存関係をインストールする構成使用1.アイコン検索ページに入る2. 使用したいアイコンの英語名を...

背景画像にテキストを表示するためのCSS

効果: <div class="imgs"> <!-- 背景画...

CentOS7でルートパスワードをリセットする方法

レンガを移動するプロセスでは、さまざまな環境および構成の問題があり、毎回異なるエラーが発生します。 ...

MySQL 8.0.12 のインストールと使用方法のチュートリアル

MySQL 8.0.12のインストールと使用のチュートリアルを録画しました。ウィンドウズまず、公式ウ...

HTML、CSS、RSSフィードが正しいかどうかを確認する無料ツール

この種のエラーに対処するための 1 つの方法は、まずマークアップとスタイルシートを検証することです。...

HTML減量 HTMLタグを合理化してWebページを作成する

HTML4 についてHTML (XHTML ではありません)、MIME タイプは text/html...

MySQLの共通関数を使用してJSONを処理する方法

公式ドキュメント: JSON 関数名前説明JSON_APPEND() JSONドキュメントにデータを...

MySql ビュー トリガー ストアド プロシージャの詳細な説明

ビュー:一時テーブルを繰り返し使用する場合、将来の使用を容易にするために別名を付けることができます。...

この記事は、JQueryの基本的な操作を理解し、始めるのに役立ちます。

目次1. Jquery を使用する手順: (1)jsライブラリをインポートする(2)ページ読み込みイ...

Vueはシンプルなデータ双方向バインディングを実装します

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。初心者...

MySQL 5.7.17 zip パッケージ バージョンを Windows 10 にインストールするチュートリアル

mysql5.7.17のインストールチュートリアルを参考までに共有します。具体的な内容は次のとおりで...

レスポンシブWebデザイン学習(2) — 動画をレスポンシブにすることはできるのか?

前回のエピソードレビュー:昨日は、ページがさまざまなデバイス サイズにどのように対応するかについて説...

Windows での MySQL 5.7.20 のインストールと設定方法のグラフィック チュートリアル

参考までにWindowsにMySQLをインストールします。具体的な内容は次のとおりです。 1.まずM...

MySQLトランザクションを実行するための構文とプロセスの詳細な説明

概要: MySQL は、トランザクションをサポートするためにさまざまなストレージ エンジンを提供しま...

Nginx ソースコード調査における nginx 電流制限モジュールの詳細な説明

目次1. 電流制限アルゴリズム2. nginxの基礎知識4. 実戦要約する高並行性システムには、キャ...