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

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

推薦する

Pycharm2017はpython3.6とmysqlの接続を実現します

この記事では、pycharm2017でpython3.6とmysqlを接続する方法を参考までに紹介し...

DOCTYPE HTMLを使用する理由

これがないと、ブラウザはページをレンダリングするときに Quirks モードを使用することがわかって...

Docker での FastAPI デプロイの詳細なプロセス

Docker 学習https://www.cnblogs.com/poloyy/p/15257059...

HBuilderX で Tomcat 外部サーバーを設定して、JSP インターフェイスを表示および編集する方法の詳細な説明

1. 最初の方法は、ローカルのTomcatを起動してJSPを表示することです。 tomcatのweb...

jQueryはすべての選択と逆選択操作ケースを実装します

この記事では、全選択と逆選択操作を実装するためのjQueryの具体的なコードを参考までに共有します。...

HTML に埋め込まれた MP4 形式のビデオが再生できないのはなぜですか?

次のコードは、私の test.html にあります。ビデオは、c:\test.html などの絶対パ...

Vue.js での $emit の使用に関する詳細な説明

1. 親コンポーネントは props を使用して子コンポーネントにデータを渡すことができます。 2....

Docker 接続 MongoDB 実装プロセスとコード例

コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...

自動ロック画面機能を実現するjs

1. 使用シナリオこのような要件があるため、システムが開発されました。ユーザーがデスクトップを離れ...

クリックイメージ反転効果を実現するJavaScript

最近、顔コレクションに関するプロジェクトに取り組んでいましたが、フロントエンドモジュールを書いている...

DockerコンテナがJupyterにアクセスできない問題の解決策

このプロジェクトでは、環境を構築するために Docker コンテナを使用します。Dockerfile...

MySQLステートメントを監視する方法の詳細な説明

クイックリーディングSQL ステートメントを監視する必要があるのはなぜか、監視方法と監視手段について...

CSSは座席選択効果を実現するためにautoflow属性を使用する

1. 自動フロー属性、要素コンテンツの長さと幅が要素自体の長さと幅を超える場合、スクロールバーが表示...

Vueはシンプルなメモ帳機能を実装します

この記事では、参考までに、簡単なメモ帳機能を実装するためのVueの具体的なコードを紹介します。具体的...

JS で CSS 変数を使用する方法

JS で CSS 変数を使用する方法:export キーワードを使用して、js オブジェクトを le...