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

推薦する

VMware での Ubuntu と Windows 間のファイル共有

この記事では、VMware 環境下で Ubuntu と Windows 間でファイルを共有する方法を...

Vue 父子価値移転、兄弟価値移転、子父価値移転の詳細な説明

目次1. 親コンポーネントが子コンポーネントに値を渡す1. 親コンポーネント.vue 2. サブコン...

MySQLデータ損失の原因と解決策

目次序文問題の説明原因分析拡大する総括する序文最近、データの欠落やデータの損失に関するフィードバック...

Vueでスワイパープラグインを使用する際の問題を解決する

デモを作成するときにこのプラグインを使用していくつか問題が発生したため、プラグインの使用方法といくつ...

JS での new の手書き実装

目次1 新しいオペレータの紹介2 新しいものは何をしましたか? 3 新しい演算子の実装をシミュレート...

js を使用してネットワークカメラを呼び出し、一般的なエラーを処理します

最近、業務上の理由により、Web ページ上のさまざまなネットワーク カメラにアクセスしてデバッグする...

Vue3.xはコンポーネント通信にmitt.jsを使用します

目次クイックスタート使い方基本原則Vue2.x はコンポーネント通信に EventBus を使用しま...

Vueのレスポンシブシステムの原理の詳細な説明

目次Vueのレスポンシブシステムの基本原則1. Object.definePropertyの使い方を...

JSで実現したページサイドバーの効果に関する研究

目次発見: ディスプレイアニメーションの応用実装:記事の1行目を表示する効果を実現する方法実際、その...

Vue でのキープアライブコンポーネントの使用例

問題の説明(キープアライブとは何か)キープアライブ 名前の通り、アクティブな状態を維持します。誰が活...

Portainer を使用して Docker のビジュアル インターフェースを構築する方法

ポーテナーの紹介Portainer は、ステータス表示パネル、アプリケーション テンプレートの迅速な...

MySQLのよくある間違い

NULL 値によると、MySQL の NULL 値は単にデータがないことを意味します。NULL 値は...

SQL ROW_NUMBER() および OVER() メソッドのケーススタディ

構文フォーマット: row_number() over(partition by grouping ...

Ubuntuにmysql5.7.10を手動でインストールする

このチュートリアルでは、UbuntuにMySQL 5.7.10を手動でインストールする手順を参考まで...

更新SQL文に基づくMySQLロックの理解

序文MySQL データベース ロックは、データの一貫性を実現し、同時実行性の問題を解決するための重要...