HTMLの色とカテゴリ

HTML の色は、赤、緑、青の混合です。

色の値

色の値は、赤、緑、青(RGB)を16進数で表します。

各色の最小値は 0 (16 進数で 00)、最大値は 255 (16 進数で FF) です。

16 進値は、# の後に 3 つまたは 6 つの 16 進数文字が続くように記述されます。

3 桁の表現: #RGB、6 桁の表現に変換: #RRGGBB。


1005.png

現在、すべてのブラウザは約 141 の色名をサポートしています。

ヒント: 17 色の標準色: ブラック、ブルー、ウォーター、フクシア、グレー、グリーン、ライム、マルーン、ネイビー、オリーブ、オレンジ、パープル、レッド、ホワイト、シルバー、ティール、イエロー。いずれかの色の名前 (または 16 進数の値) をクリックすると、背景色とさまざまなテキストの色の組み合わせが表示されます。

合計約160万色

3 色赤、緑、青の組み合わせは 0 から 255 の範囲で、合計 1,600 万色 (256 x 256 x 256) です。

よく使われる色のRGB値と中国語名
RGB値 英語名 中国語名

#FFB6C1 LightPink #FFC0CB Pink Pink
#DC143C Crimson/Scarlet
#FFF0F5 LavenderBlush
#DB7093 PaleVioletRed 弱い紫赤
#FF69B4 ホットピンク # #D8BFD8 アザミ
#DDA0DD プラムプラム/プラムパープル
#EE82EE バイオレット
#FF00FF マゼンタ マゼンタ/ローズレッド
#FF00FF フクシア パープル/ランタン ベゴニア
#8B008B ダークマゼンタ ディープ マゼンタ
#800080 パープル
#BA55D3 ミディアムオーキッド
#9400D3 ダークバイオレット
#9932CC ダークオーキッド
#4B0082 インディゴ/パープルブルー
#8A2BE2 ブルーバイオレット
#9370DB ミディアムパープル
#7B68EE ミディアムスレートブルー ミディアムダークブルー/ミディアムスレートブルー
#6A5ACD スレートブルー/スレートブルー
#48 3D8B DarkSlateBlue ダークグレーブルー /ダークスレートブルー
#E6E6FA ラベンダー ラベンダー/ラベンダー ラベンダー
#F8F8FF GhostWhite ゴースト ホワイト
#0000FF ブルー ピュア ブルー
#0000CD MediumBlue ミディアム ブルー
#19197 0 MidnightBlue ミッドナイト ブルー
#00008B DarkBlue deepskyblueディープスカイブルー#追加8e6ライトブルー#B0E0E6パウダーブルー
#5F9EA0カデットブルーブルー#F0FFFF AZUREライトシーグリーンライトオーシャングリーン
#40E0D0 ターコイズエメラルド
#7FFFD4 アクアマリンジェムグリーン
#66CDAA Mediumアクアマリンミディアムスプリンググリーン
#00FA9A MediumSpringGreen
#F5FFFA MintCreamペパーミントクリーム
#00FF7F SpringGreenスプリンググリーン
#3CB371 MediumSeaGreenミディアムシーグリーン
# 2E8B57 SeaGreen オーシャングリーン
#F0FFF0 ハニーデューハニー/メロンカラー
#90EE90 LightGreen ライトグリーン
#98FB98 ペールグリーン
#8FBC8F ダークシーグリーン
#32CD32 ライムグリーン フラッシュダークグリーン
#00FF00 ライムフラッシュグリーン
#228B22 フォレストグリーン
#00800 0 グリーン ピュアグリーン
#006400 ダークグリーン ダークグリーン
#7FFF00 チャートリューズ イエロー グリーン/チャートリューズ グリーン
#7CFC00 ローングリーングラスグリーン/ローングリーン
#ADFF2F GreenYellow グリーンイエロー
#556B2F DarkOliveGreen ダークオリーブグリーン
#9ACD32 YellowGreen イエローグリーン
#6B8E23 OliveDrab オリーブブラウン
#F5F5DC ベージュ/グレーブラウン
#FAFAD2 LightGoldenrodYellow ブライトアイボリー
#FFFFF0アイボリー
#FFFFE0 LightYellow #FFFF00 イエロー ピュアイエロー
#808000 オリーブ
#BDB76B ダークカーキ
#FFFACD レモンシフォン レモンシルク
#EEE8AA ペールゴールデンロッドグレー 菊イエロー/青鱗色
#F0E68C カーキカーキ/カーキ
#FFD 700 ゴールド
#FFF8DCコーンシルク#daa520ゴールデンロッド
#b8860bダークゴールデンロッドダークゴールデンchrysanthemum黄色黄色
#fffaf0フローラルホワイトホワイトホワイト
#fdf5e6 oldlace old color/old lace #FAEBD7 AntiqueWhite アンティークホワイト
#D2B48C タン
#DEB887 BurlyWood ハードウッドカラー
#FFE4C4 ビスク
#FF8C00 ダークオレンジ #FAF0E6 リネンリネン
#CD853F ペルー #FFDAB9 ピーチパフ
#F4A460 SandyBrown サンドブラウン
#D2691E Chocolate チョコレート
#8B4513 SaddleBrown ヘビーブラウン/サドルブラウン
#FFF5EEシェル #A0522D シエナ
#FFA07A ライトサーモン # FF7F50 コーラル #E9967A ダークサーモン
#FF6347 トマト
# FFE4E1 ミスティローズライトローズカラー 5C5C IndianRed インディアンレッド
#FF0000 レッド ピュアレッド
#A52A2A ブラウンスモーク ホワイトスモーク
#DCDCDC ゲインズボロ ライトグレー
#D3D3D3 LightGrey ライトグレー
#C0C0C0 シルバー
#A9A9A9 ダークグレー
#808080 グレー
#696969 ディムグレー
#000000 ブラック

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>php.cn</title>  </head> <body> <p style="background-color:#00FFFF; width: 200px" > 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(0,255,255); width: 200px"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:cyan; width: 200px"> 通过颜色名设置背景颜色 </p> </body> </html>