HTML の色に関する参考資料

HTML の色に関する参考資料
HTML では、色は 2 つの方法で表現されます。 1 つは、青の場合は blue のように色の名前を使用することです。もう 1 つの方法は、16 進数値を使用して RGB カラー値を表すことです。 RGBはRed、Green、Blueの略です。RGBの各原色の最小値は0、最大値は255です。16進数に変換すると(#00)と(#FF)になります。たとえば、白の RGB (255,255,255) は #FFFFFF で表され、黒の RGB (0,0,0) は #000000 で表されます。
注: W3C が開発した HTML 4.0 標準では、色名で表せる色は 16 色の​​みです (水色、黒、青、フクシア、グレー、緑、ライム、栗色、紺、オリーブ、紫、赤、銀、青緑、白、黄色)。その他の色は、16 進数の RGB 色値で表す必要があります。
色を保存するためのさまざまなシステム。 216 の Web セーフ カラーは次のとおりです: # 記号。 56 色の Web セーフ カラーについてはどうでしょうか? Microsoft と Mac のオペレーティング システムには備わっているからです。
もちろん、最新のブラウザはより多くの色名をサポートしています。ただし、安全のために、色を表すには 16 進数の RGB カラー値を使用することをお勧めします。値の前に # 記号を追加します。
適切な色を見つけやすくするために、ここでは参考用にいくつかの色の説明をリストしました。これはクイックリファレンスツールとして使用できます。 Web セーフ カラー 以前は、多くのコンピューター モニターが最大 256 色をサポートしていたため、Web ページの色が正しく表示されるように 216 色の​​ Web セーフ カラーが作成されました。
216 色の​​ Web セーフ カラーは次のとおりです: 000000 を表します。 Web ページの色が正しく表示されるようにします。
では、なぜ 256 の Web セーフ カラーを使用しないのでしょうか? Microsoft および Mac オペレーティング システムには 40 種類のシステム予約色があるためです。
グリーン、ライム、マルーン、ネイビー、オリーブ!
: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
(#f0f8ff) アンティークホワイト
(#faebd7) アクア
(#00ffff) アクアマリン
(#7fffd4) 青
(#f0ffff) ベージュ
(#f5f5dc) ビスク
(#ffe4c4) 黒
(#000000) ブランチドアーモンド
(#ffebcd) 青
(#0000ff) 青紫
(#8a2be2) 茶色
(#a52a2a) バーリーウッド
(#deb887) カデットブルー
(#5f9ea0) シャルトリューズ
(#7fff00) チョコレート
(#d2691e) サンゴ
(#ff7f50) コーンフラワーブルー
(#6495ed) コーンシルク
(#fff8dc ) 深紅
(#dc143c) シアン
(#00ffff) ダークブルー
(#00008b) ダークシアン
(#008b8b) ダークゴールデンロッド
(#b8860b ) ダークグレー
(#a9a9a9) ダークグリーン
(#006400) ダークカーキ
(#bdb76b) ダークマゼンタ
(#8b008b) ダークオリーブグリーン
(#556b2f) ダークオレンジ
(#ff8c00) ダークオーキッド
(#9932cc) ダークレッド
(#8b0000) ダークサーモン
(#e9967a) ダークシーグリーン
(#8fbc8b) ダークスレートブルー
(#483d8b) ダークスレートグレー
(#2f4f4f ) ダークターコイズ
(#00ced1) ダークバイオレット
(#9400d3) ディープピンク
(#ff1493) ディープスカイブルー
(#00bfff) 薄灰色
(#696969) ドジャーブルー
(#1e90ff) 耐火レンガ
(#b22222 ) フローラルホワイト
(#fffaf0) フォレストグリーン
(#228b22) フクシア
(#ff00ff) ゲインズボロ
(#dcdcdc) ゴーストホワイト
(#f8f8ff) ゴールド
(#ffd700) アキノキリンソウ
(#daa520 ) グレー
(#808080) 緑
(#008000) 緑黄色
(#adff2f) ハニーデュー
(#f0fff0) ホットピンク
(#ff69b4) インディアンレッド
(#cd5c5c) インディゴ
(#4b0082) アイボリー
(#fffff0 ) カーキ
(#f0e68c) ラベンダー
(#e6e6fa ) ラベンダーブラッシュ
(#fff0f5) ローングリーン
(#7cfc00) レモンシフォン
(#fffacd ) ライトブルー
(#add8e6) ライトコーラル
(#f08080) ライトシアン
(#e0ffff) ライトゴールドロディイエロー
(#fafad2) ライトグリーン
(#90ee90) ライトグレー
(#d3d3d3) ライトピンク
(#ffb6c1) ライトサーモン
(#ffa07a) ライトシーグリーン
(#20b2aa) ライトスカイブルー
(#87cefa) ライトスレートグレー
(#778899 ) ライトスチールブルー
(#b0c4de) ライトイエロー
(#ffffe0) ライム
(#00ff00) ライムグリーン
(#32cd32) リネン
(#faf0e6) マゼンタ
(#ff00ff) 栗色
(#800000) ミディアムアクアマリン
(#66cdaa) ミディアムブルー
(#0000cd) 中サイズの蘭
(#ba55d3) 中紫
(#9370db) ミディアムシーグリーン
(#3cb371) ミディアムスレートブルー
(#7b68ee) ミディアムスプリンググリーン
(#00fa9a) ミディアムターコイズ
(#48d1cc) ミディアムバイオレットレッド
(#c71585 ) ミッドナイトブルー
(#191970) ミントクリーム
(#f5fffa) ミスティローズ
(#ffe4e1) モカシン
(#ffe4b5) ナバホホワイト
(#ffdead) 海軍
(#000080) オールドレース
(#fdf5e6) オリーブ
(#808000) オリーブドラブ
(#6b8e23) オレンジ
(#ffa500) オレンジレッド
(#ff4500) 蘭
(#da70d6) ペールゴールデンロッド
(#eee8aa) 淡い緑
(#98fb98 ) ペールターコイズ
(#afeeee) 淡いバイオレットレッド
(#db7093 ) パパイヤホイップ
(#ffefd5) ピーチパフ
(#ffdab9 ) ペルー
(#cd853f) ピンク
(#ffc0cb) プラム
(#dda0dd) パウダーブルー
(#b0e0e6) 紫
(#800080) 赤
(#ff0000 ) ロージーブラウン
(#bc8f8f) ロイヤルブルー
(#4169e1) サドルブラウン
(#8b4513) サーモン
(#fa8072) サンディブラウン
(#f4a460) シーグリーン
(#2e8b57 ) 貝殻
(#fff5ee) シエナ
(#a0522d) シルバー
(#c0c0c0) スカイブルー
(#87ceeb) スレートブルー
(#6a5acd) スレートグレー
(#708090) 雪
(#fffafa ) スプリンググリーン
(#00ff7f) スティールブルー
(#4682b4) タン
(#d2b48c ) ティール
(#008080) アザミ
(#d8bfd8) トマト
(#ff6347) ターコイズ
(#40e0d0) バイオレット
(#ee82ee) 小麦
(#f5deb3) 白
(#ffffff) ホワイトスモーク
(#f5f5f5) 黄色
(#ffff00) 黄緑
(#9acd32)

<<:  Docker での Redis の永続ストレージの詳細な説明

>>:  MySQL シリーズ: redo ログ、undo ログ、binlog の詳細な説明

推薦する

IIS7 IIS8 http は自動的に HTTPS にジャンプします (ポート 80 はポート 443 にジャンプします)

IIS7 では、「URL REWRITE2」疑似静的モジュールがインストールされているかどうかを確...

Vueにログイン認証傍受機能を設置するアイデアを詳しく解説

目次1. 解決策2. サーバーから返されたトークンをブラウザに保存する3. リクエストにアクセス権限...

JSの基本概念の詳細な紹介

目次1. JSの特徴1.1 マルチパラダイム1.2 説明1.3 シングルスレッド1.4 ノンブロッキ...

MySQLのネストされたトランザクションで発生する問題

MySQL はネストされたトランザクションをサポートしていますが、それを実行する人は多くありません....

Vue ミックスインの使用方法とオプションのマージの詳細な説明

目次1. コンポーネントでの使用2. オプションのマージ要約する1. コンポーネントでの使用Mixi...

メニューノードのすべての子ノードを再帰的に検索する MySQL メソッド

背景プロジェクトにはメニューノードのすべてのノードをチェックする要件があります。オンラインでチェック...

MySQL フラッシュリストとダーティページフラッシュメカニズム

1. レビューMySQL の起動後にバッファ プールが初期化されます。バッファ プールは N 個の空...

JavaScript ベースのシンプルなカルーセルの実装

この記事では、シンプルなカルーセルを実装するためのJavaScriptの具体的なコードを参考までに紹...

1 つの記事で React における Redux の初期の使用を理解する

Redux はデータ状態管理プラグインです。React や Vue を使用してコンポーネント化された...

WeChatミニプログラムページで値を返す4つの解決策のまとめ

目次使用シナリオ解決1. globalDataを使用して実装する2. ローカルキャッシュストレージを...

mysql 5.7.23 winx64 解凍バージョンのインストールチュートリアル

参考までに、mysql-5.7.23-winx64 解凍版の詳細なインストールチュートリアルです。具...

Mac OS 10.11 での MySQL 5.7.12 のインストールと設定のチュートリアル

Mac OS 10.11 に MySQL をインストールして設定する方法を、主に写真を使って手順を簡...

CentOS 7にMySQLをインストールする詳細な手順

CentOS7では、MySQLをインストールすると、MariaDBもデフォルトでインストールされます...

Linux の Makefile とは何ですか? どのように機能しますか?

この便利なツールでプログラムをより効率的に実行およびコンパイルしますMakefile は自動コンパイ...

Docker コンテナで DockerFile を使用して複数の Tomcat サービスをデプロイする手順

1. [admin@JD ~]$ cd opt #ルートディレクトリにoptと入力2. [admin...