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

推薦する

JavaScript 配列の Reduce() メソッドの構文と例の分析

序文Reduce() メソッドは関数を累積器として受け取り、配列内の各値 (左から右へ) が単一の値...

CSS3 カスタムスクロールバースタイル::webkit-scrollbar サンプルコード詳細説明

Windows のデフォルトのスクロール バー スタイルは見苦しく、プロジェクト内でスクロール バー...

MySQL で datetime 型のデフォルト値を設定する方法

Navicat クライアントを通じてデフォルトの日時値を変更する際に問題が発生しました。データベース...

Navicat 8でMySQL用のデータベースを作成する方法

ウェブサイトを開発する場合、データを保存するためにデータベースを使用する必要があることがよくあります...

JavaScript のマクロタスクとマイクロタスクの詳細

目次1. マイクロタスクとは何ですか? 2. マクロタスクとは何ですか? 3. 事例3.1 結論4....

vue+elementUI で埋め込みテーブルを実装する方法の例

大学 4 年生のときのインターンシップ中に、表内のデータの番号をクリックすると、そのデータの下に新し...

Brotli圧縮アルゴリズムを有効にするNginxの実装プロセスの詳細な説明

序文Web アプリケーションでは、トラフィックを節約し、転送データのサイズを縮小し、転送効率を向上さ...

Vue は better-scroll を使用して水平スクロール方法の例を実現します

1. スクロールの実装原理better-scroll のスクロール原理は、ブラウザのネイティブスクロ...

MySQLをシンプルに学ぶ

序文データベースは常に私の弱点でした。自分の経験 (python+sqlalchemy) を組み合わ...

HTML でのメタタグと使用法の詳細な説明

これ以上無駄話をして時間を無駄にしないので、今日の話題を始めましょう。 HTML のメタタグ1. メ...

Tomcat セキュリティ仕様 (Tomcat セキュリティ強化と仕様)

tomcat はオープンソースの Web サーバーです。Tomcat ベースの Web は実行効率...

jQueryはフォーム検証を実装する

jQueryを使用してフォーム検証を実装します。参考までに、具体的な内容は次のとおりです。登録.ht...

VUE無限レベルツリーデータ構造表示の実装

目次コンポーネントの再帰呼び出しレンダリングメソッドの使用プロジェクトに取り組んでいると、左側のメニ...

Linux システムの仮想ホストで Swoole Loader 拡張機能を有効にする方法

特記事項: Swoole 拡張機能のみがインストールされ、サーバーはホストにインストールされません。...

MySQL の垂直テーブルを水平テーブルに変換する方法と最適化のチュートリアル

1. 縦型テーブルと横型テーブル垂直テーブル: テーブル内のフィールドとフィールド値はキーと値の形式...