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コマンドで再インストールします。

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

推薦する

rem をモバイル デバイスに適応させる方法の例

序文モバイル端末のREM適応ソリューションのレビューと概要remの使い方rem 単位の計算は、HTM...

OpenLayers 3 のベクターマップソースの読み込みの問題を解決する

1. ベクターマップベクター グラフィックスは直線と曲線を使用してグラフィックスを表します。これらの...

MySQL のロードバランサーとして nginx を使用する方法

注意: nginxのバージョンは1.9以上である必要があります。nginxをコンパイルするときに、-...

nginx と keepalived を組み合わせて高可用性を実現するための手順を完了する

序文システムの高可用性を満たすためには、通常、クラスターを構築する必要があります。ホストがクラッシュ...

CentOS7 から CentOS8 にアップグレードする方法 (詳細な手順)

この記事では、具体的な例を使用して、CentOS 7 から CentOS 8 にアップグレードする方...

Nginxはリバースプロキシを使用して負荷分散プロセス分析を実装します

導入dockerコンテナとdocker-composeに基づいて、Linux環境でのdockerの基...

Linux seqコマンドの使い方

1. コマンドの紹介seq (シーケンス) コマンドは、指定されたステップ サイズに従って、開始番号...

CSS を使用して適応型の幅と高さを持つ 16:9 の長方形を実装する例

先ほど、適応幅と高さが1:1の正方形を作成する方法について説明しました。 https://www.j...

Navicat for MySQL チュートリアル

まず、Navicat for MySQL をダウンロードしてインストールする必要があります。正規版の...

docker エントリポイントファイルの詳細な説明

Dockerfile を作成するときは、コンテナが起動する前に初期化構成やカスタム構成を実行するため...

Javascriptのクロージャとアプリケーションの詳細な説明

目次序文1. クロージャとは何ですか? 1.1 クロージャは条件コードを満たす1.2 クロージャ生成...

CocosCreator最適化DrawCallの詳細な説明

目次序文ドローコールとはDrawCall はパフォーマンスにどのような影響を与えますか?ドローコール...

Mysqlはマスタースレーブ構成とマルチマスターマルチスレーブ構成を実装します

現在シミュレーションしているのは、マスター スレーブ システム (ホスト 1 台とスレーブ 1 台)...

Linux でユーザー アカウントをロックおよびロック解除する 3 つの方法

組織内で何らかのパスワード ポリシーがすでに実装されている場合は、この記事を読む必要はありません。た...

ルート変更を監視するJavaScriptの詳細な説明

目次歴史pushState() メソッドpushState() の使用シナリオreplaceStat...