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 の詳細な説明

推薦する

Webフロントエンドスキル概要(個人の実務経験)

1. 今日、ページを作っているときに、矢印を中央に配置する効果に遭遇しました。クリック領域を大きくし...

CSS で要素を垂直方向に中央揃えする 7 つの方法

【1】中央の要素の幅と高さを知る絶対値 + 負のマージンコードの実装 .wrapBox5{ 幅: 3...

CSSアダプティブレイアウトは、サブ要素項目の全体的な中央揃えと内部項目の左揃えを実現します。

日常業務では、次のようなレイアウトに遭遇することがあります。親要素のフレーム (ブラウザのサイズに応...

Nginx のアクセス制御とパラメータ調整方法

Nginx グローバル変数Nginx には、$variable 名を通じて使用できるグローバル変数が...

VSCode 構成 Git メソッドの手順

Git は vscode に統合されており、git コマンドをいくつか記述しなくても、クリックするだ...

MySQL に接続する際に Navicat for MySQL が 2005 エラーを報告する問題を解決する

前回の記事では、Navicat for Mysql 接続エラー 1251 (接続失敗) の問題を解決...

CentOS での Docker の詳細なインストール チュートリアル

DockerにはCEとEEがあり、CE版はコミュニティ版(無料)、EE版はセキュリティを重視したエン...

シンプルなカルーセル チャートを実装するための JavaScript の最も完全なコード分析 (ES5)

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

Tomcat パイプライン モードのパイプラインとバルブの詳細な説明

序文比較的複雑な大規模システムでは、複雑なロジックで処理する必要があるオブジェクトまたはデータ フロ...

格納可能なセカンダリメニューを実装するための JavaScript

JavaScriptで格納可能なセカンダリメニューを実装するための具体的なコードは参考までに。具体...

Vueは移動可能なフローティングボタンを実装します

この記事の例では、どこにでも移動できるフローティングボタンを実現するためのVueの具体的なコードを共...

JavaScript 非同期プログラミングにおける Promise の初期の使用法の詳細な説明

1. 概要Promise オブジェクトは、ES6 で提案された非同期プログラミングの仕様です。非同期...

Linux で mysql-8.0.20 をインストールするための詳細なチュートリアル

** Linuxにmysql-8.0.20をインストールする**環境の紹介オペレーティングシステム:...

Vueのvue-tree-colorコンポーネントの組織構造図の事例を詳しく解説

目次ネプローダーをインストールするプラグインのインポート始める配置折りたたみディスプレイノードをクリ...

テーブル設定の背景画像が100%表示されない解決策

開発中に以下の状況が発見されました。 (1) ファイルが.jspファイル拡張子で保存されている場合、...