コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語

HTMLの色

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

色の値

色は、赤、緑、青の値(RGB)で構成される16進表記で定義されます。

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

最も一般的に使用される色の一部 (白、黒、赤、青、緑、黄色など) については、英語名を使用することもできます

この表は、3 つの色を混合することによる具体的な効果を示しています。


カラーカラーカラーHEXカラーRGB(カラーRGB)

# 000000 rgb(0,0 、0）

＃ff0000RGB（255,0,0）

＃00FF00RGB（0,255,0）

 #FFFF00 rgb(255,255,0)

 #00FFFF rgb(0,255,25 5)

 #FF00FF rgb(255,0,255)

#C0C0C0 rgb(192,192,192)

 #FFFFFF rgb(255,255,2 55)

例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p style="background-color:#403bff">
    通过十六进制设置背景颜色
</p>
<p style="background-color:rgb(255,255,0)">
    通过 rbg 值设置背景颜色
</p>
<p style="background-color:red">
    通过颜色名设置背景颜色
</p>
</body>
</html>

プログラムの実行結果:

1.jpg

1,600万の異なる色

赤、緑、青の3色の組み合わせは0から255まであり、の1600 万の異なる色 (256 x 256 x 256)。

下のカラーテーブルでは、0から255の赤（部分）までのさまざまな結果が表示されますが、緑と青の値を0に設定すると、赤の値が変化するにつれて、異なる値が表示されます異なる色。


赤色光 カラーHEX カラーRGB

 #000000 rgb(0,0,0)

 #100000 rgb(16,0,0)

 #200000 rgb(32,0,0)

 #300000 rgb(48,0, 0)

 #400000 rgb(64,0,0)

 #500000 rgb(80,0,0)

#600000 rgb (96,0,0)

 #700000 rgb(112,0,0)

 #800000 (128,0,0)

 #900000 rgb(144,0,0)

 #A00000 rgb(160,0, 0)

 #B00000 rgb (176,0,0)

 #C00000 rgb(192,0,0)

 #D80000 r gb(216,0,0)

 #E80000 rgb(232,0,0)

 #F00000 rgb(240,0, 0)

 #F80000 rgb (248,0,0)

 #FF0000 rgb(255,0,0)

グレートーン

グレーから黒へのグラデーション（部分）を以下に示します


グレーシェード カラーHEX カラーRGB
#000000 rgb(0,0,0)

#080808 rgb(8,8,8)

#181818 rgb(24,24,24)

#202020 rgb(32,32,32 )
#303030 rgb(48,48,48) rgb(64) ,64,64) rgb (72,72,72) rgb(88,88,88) rgb(104,104,104)

#404040
#484848
#585858
#686868

#787878 rgb(120,120,120)

#808080 (128,128,128)

#909090 rgb(144,144,144)

#A0A0A0 rgb(160,160,160)

#B0B0B0 rgb(176,176,176)

#C8C8C8 rgb(200,200,200)

#D8D8D8 (216,216,216)

#F0F0F0 rgb(240,240,240)

#F8F8F8 rgb(248,248,248)

#FFFFFF rgb(255,255,255)

Web セーフ カラー?

数年前、ほとんどのコンピューターが 256 色しかサポートしていなかったとき、216 色の​​ Web セーフ カラーのセットが Web 標準として提案されました。その理由は、Microsoft および Mac オペレーティング システムでは 40 種類の予約された固定システム カラー (それぞれ約 20) が使用されるためです。

何百万色もの色を処理できるコンピューターが増えている現在、これがどれほど意味があるのか​​はわかりませんが、選択はあなた次第です。

元々は、256 色のパレットを使用するときにすべてのコンピューターがすべての色を正しく表示できるようにするために、216 のクロスプラットフォーム Web セーフ カラーが使用されていました。

8.jpg

HTMLの色の名前と色の値

色は赤(R)、緑(G)、青(B)で構成されます。

HTML および CSS の色仕様では 141 の色の名前が定義されています (標準の 17 色に加えて 124 色)。

色の値は、赤、緑、青 (RGB) として 16 進数表記で表されます。

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

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

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

ヒント: 17 の標準色: ブラック、ブルー、アクア、フクシア、グレー、グリーン、ライム、マルーン、ネイビー、オリーブ、オレンジ、パープル、レッド、ホワイト、シルバー、ティール、イエロー。

次の表は、16 進値を含むいくつかの色の値を示しています。

ブラック #000000 ネイビーミディアムブルー
#000080 ダークブルー #00008B

#0000CD
ブルー #0000FF
ダークグリーン #006400
グリーン #008000
ティール #008080
ダークシアン #008B8B
ディープスカイブルー #00BFFF
ダークターコイズ #00CED1
ミディアムスプリンググリーン #00FA9A
ライム #00FF00
スプリンググリーン #00FF7F
シアン #00FFFFミッドナイトブルー #191970 ドジャーブルー #1E90FF ライトシーグリーン #20B2AA
アクア #00FFFF

フォレストグリーン #228B22
シーグリーン #2E8B57
ダークスレートグレー #2F4F4F
ライムグリーン #32CD32
ミディアムシーグリーン #3CB371
ターコイズ #40E0D0
ロイヤルブルー #4169E1
スチールブルー #4682B4
ダークスレートブルー #483D8B
ミディアムターコイズ #48D1CC
インディゴ #4B0082
ダークオリーブグリーン #556B2F
カデットブルー #5F9EA0
コーンフラワーブルー #6495ED
ミディアムアクアマリン #66CDAA
ディムグレー #696969
スレートブルー #6A5ACD
オリーブドラブ #6B8E23
スレートグレー #708090
ライトスレートグレー #778899
ローングリーン #7CFC00シャルトルーズ #7FFF00 アクアマリン #7FFFD4 マルーン #800000
ミディアムスレートブルー #7B68EE


学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p style="background-color:#403bff"> 通过十六进制设置背景颜色 </p> <p style="background-color:rgb(255,255,0)"> 通过 rbg 值设置背景颜色 </p> <p style="background-color:red"> 通过颜色名设置背景颜色 </p> </body> </html>
提出するリセットコード
前のセクション 次のセクション
チュートリアルリスト
ヘルプの取得
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜

このコースを視聴した生徒はこちらも学んでいます

最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)  492963 回再生