Web ページ上の色の表現は、さまざまな要因によって影響を受けます。Web ページで非常に美しい配色を使用していても、閲覧時に各人が感じる効果が異なっていると、色合わせのコンセプトは閲覧者にうまく伝わりません。 Web ページのカラー マッチングに 216 色の Web セーフ カラーを使用すると、色の歪みの問題を回避できます。 Web セーフ カラーとは、さまざまなハードウェア環境、さまざまなオペレーティング システム、さまざまなブラウザーで正常に表示できるカラー セット (パレットまたはカラー スペクトル) を指します。つまり、これらのカラーは、どのエンド ユーザーのディスプレイ デバイスでも同じ効果を発揮します。 > Webセーフカラーとは、赤、緑、青のデジタル信号値(DACカウント)が0、51、102、153、204、255のときに形成される色の組み合わせです。合計6×6×6=216色(うち210色がカラー、6色が非カラー)あります。 216 の Web セーフ カラーは、高精度のグラデーション効果が必要な場合や、トゥルー カラーの画像や写真を表示する場合には不十分な場合がありますが、ロゴや 2 次元のグラフィック効果を表示する場合には十分すぎるほどです。しかし、多くのサイトでは、斬新でユニークなデザインスタイルを実現するために、他の非ウェブセーフカラーを使用していることもわかります。そのため、意図的に 216 色のウェブセーフカラーに限定した色の使用を追求する必要はなく、セーフカラーと非セーフカラーの使用をより適切に一致させる必要があります。 216 ウェブセーフカラーのリストHTML #000000 RGB 0 0 0HTML #000033 RGB 0 0 51HTML #000066 RGB 0 0 102HTML #000099 RGB 0 0 153HTML #0000CC RGB 0 0 204HTML #0000FF RGB 0 0 255HTML #003300 RGB 0 51 0HTML #003333 RGB 0 51 51HTML #003366 RGB 0 51 102HTML #003399 RGB 0 51 153HTML #0033CC RGB 0 51 204HTML #0033FF RGB 0 51 255HTML #006600 RGB 0 102 0HTML #006633 RGB 0 102 51HTML #006666 RGB 0 102 102HTML #006699 RGB 0 102 153HTML #0066CC RGB 0 102 204HTML #0066FF RGB 0 102 255HTML #009900 RGB 0 153 0HTML #009933 RGB 0 153 51HTML #009966 RGB 0 153 102HTML #009999 RGB 0 153 153HTML #0099CC RGB 0 153 204HTML #0099FF RGB 0 153 255HTML #00CC00 RGB 0 204 0HTML #00CC33 RGB 0 204 51HTML #00CC66 RGB 0 204 102HTML #00CC99 RGB 0 204 153HTML #00CCCC RGB 0 204 204HTML #00CCFF RGB 0 204 255HTML #00FF00 RGB 0 255 0HTML #00FF33 RGB 0 255 51HTML #00FF66 RGB 0 255 102HTML #00FF99 RGB 0 255 153HTML #00FFCC RGB 0 255 204HTML #00FFFF RGB 0 255 255HTML #330000 RGB 51 0 0HTML #330033 RGB 51 0 51HTML #330066 RGB 51 0 102HTML #330099 RGB 51 0 153HTML #3300CC RGB 51 0 204HTML #3300FF RGB 51 0 255HTML #333300 RGB 51 51 0HTML #333333 RGB 51 51 51HTML #333366 RGB 51 51 102HTML #333399 RGB 51 51 153HTML #3333CC RGB 51 51 204HTML #3333FF RGB 51 51 255HTML #336600 RGB 51 102 0HTML #336633 RGB 51 102 51HTML #336666 RGB 51 102 102HTML #336699 RGB 51 102 153HTML #3366CC RGB 51 102 204HTML #3366FF RGB 51 102 255HTML #339900 RGB 51 153 0HTML #339933 RGB 51 153 51HTML #339966 RGB 51 153 102HTML #339999 RGB 51 153 153HTML #3399CC RGB 51 153 204HTML #3399FF RGB 51 153 255HTML #33CC00 RGB 51 204 0HTML #33CC33 RGB 51 204 51HTML #33CC66 RGB 51 204 102HTML #33CC99 RGB 51 204 153HTML #33CCCC RGB 51 204 204HTML #33CCFF RGB 51 204 255HTML #33FF00 RGB 51 255 0HTML #33FF33 RGB 51 255 51HTML #33FF66 RGB 51 255 102HTML #33FF99 RGB 51 255 153HTML #33FFCC RGB 51 255 204HTML #33FFFF RGB 51 255 255HTML #660000 RGB 102 0 0HTML #660033 RGB 102 0 51HTML #660066 RGB 102 0 102HTML #660099 RGB 102 0 153HTML #6600CC RGB 102 0 204HTML #6600FF RGB 102 0 255HTML #663300 RGB 102 51 0HTML #663333 RGB 102 51 51HTML #663366 RGB 102 51 102HTML #663399 RGB 102 51 153HTML #6633CC RGB 102 51 204HTML #6633FF RGB 102 51 255HTML #666600 RGB 102 102 0HTML #666633 RGB 102 102 51HTML #666666 RGB 102 102 102HTML #666699 RGB 102 102 153HTML #6666CC RGB 102 102 204HTML #6666FF RGB 102 102 255HTML #669900 RGB 102 153 0HTML #669933 RGB 102 153 51HTML #669966 RGB 102 153 102HTML #669999 RGB 102 153 153HTML #6699CC RGB 102 153 204HTML #6699FF RGB 102 153 255HTML #66CC00 RGB 102 204 0HTML #66CC33 RGB 102 204 51HTML #66CC66 RGB 102 204 102HTML #66CC99 RGB 102 204 153HTML #66CCCC RGB 102 204 204HTML #66CCFF RGB 102 204 255HTML #66FF00 RGB 102 255 0HTML #66FF33 RGB 102 255 51HTML #66FF66 RGB 102 255 102HTML #66FF99 RGB 102 255 153HTML #66FFCC RGB 102 255 204HTML #66FFFF RGB 102 255 255HTML #990000 RGB 153 0 0HTML #990033 RGB 153 0 51HTML #990066 RGB 153 0 102HTML #990099 RGB 153 0 153HTML #9900CC RGB 153 0 204HTML #9900FF RGB 153 0 255HTML #993300 RGB 153 51 0HTML #993333 RGB 153 51 51HTML #993366 RGB 153 51 102HTML #993399 RGB 153 51 153HTML #9933CC RGB 153 51 204HTML #9933FF RGB 153 51 255HTML #996600 RGB 153 102 0HTML #996633 RGB 153 102 51HTML #996666 RGB 153 102 102HTML #996699 RGB 153 102 153HTML #9966CC RGB 153 102 204HTML #9966FF RGB 153 102 255HTML #999900 RGB 153 153 0HTML #999933 RGB 153 153 51HTML #999966 RGB 153 153 102HTML #999999 RGB 153 153 153HTML #9999CC RGB 153 153 204HTML #9999FF RGB 153 153 255HTML #99CC00 RGB 153 204 0HTML #99CC33 RGB 153 204 51HTML #99CC66 RGB 153 204 102HTML #99CC99 RGB 153 204 153HTML #99CCCC RGB 153 204 204HTML #99CCFF RGB 153 204 255HTML #99FF00 RGB 153 255 0HTML #99FF33 RGB 153 255 51HTML #99FF66 RGB 153 255 102HTML #99FF99 RGB 153 255 153HTML #99FFCC RGB 153 255 204HTML #99FFFF RGB 153 255 255HTML #CC0000 RGB 204 0 0HTML #CC0033 RGB 204 0 51HTML #CC0066 RGB 204 0 102HTML #CC0099 RGB 204 0 153HTML #CC00CC RGB 204 0 204HTML #CC00FF RGB 204 0 255HTML #CC3300 RGB 204 51 0HTML #CC3333 RGB 204 51 51HTML #CC3366 RGB 204 51 102HTML #CC3399 RGB 204 51 153HTML #CC33CC RGB 204 51 204HTML #CC33FF RGB 204 51 255HTML #CC6600 RGB 204 102 0HTML #CC6633 RGB 204 102 51HTML #CC6666 RGB 204 102 102HTML #CC6699 RGB 204 102 153HTML #CC66CC RGB 204 102 204HTML #CC66FF RGB 204 102 255HTML #CC9900 RGB 204 153 0HTML #CC9933 RGB 204 153 51HTML #CC9966 RGB 204 153 102HTML #CC9999 RGB 204 153 153HTML #CC99CC RGB 204 153 204HTML #CC99FF RGB 204 153 255HTML #CCCC00 RGB 204 204 0HTML #CCCC33 RGB 204 204 51HTML #CCCC66 RGB 204 204 102HTML #CCCC99 RGB 204 204 153HTML #CCCCCC RGB 204 204 204HTML #CCCCFF RGB 204 204 255HTML #CCFF00 RGB 204 255 0HTML #CCFF33 RGB 204 255 51HTML #CCFF66 RGB 204 255 102HTML #CCFF99 RGB 204 255 153HTML #CCFFCC RGB 204 255 204HTML #CCFFFF RGB 204 255 255HTML #FF0000 RGB 255 0 0HTML #FF0033 RGB 255 0 51HTML #FF0066 RGB 255 0 102HTML #FF0099 RGB 255 0 153HTML #FF00CC RGB 255 0 204HTML #FF00FF RGB 255 0 255HTML #FF3300 RGB 255 51 0HTML #FF3333 RGB 255 51 51HTML #FF3366 RGB 255 51 102HTML #FF3399 RGB 255 51 153HTML #FF33CC RGB 255 51 204HTML #FF33FF RGB 255 51 255HTML #FF6600 RGB 255 102 0HTML #FF6633 RGB 255 102 51HTML #FF6666 RGB 255 102 102HTML #FF6699 RGB 255 102 153HTML #FF66CC RGB 255 102 204HTML #FF66FF RGB 255 102 255HTML #FF9900 RGB 255 153 0HTML #FF9933 RGB 255 153 51HTML #FF9966 RGB 255 153 102HTML #FF9999 RGB 255 153 153HTML #FF99CC RGB 255 153 204HTML #FF99FF RGB 255 153 255HTML #FFCC00 RGB 255 204 0HTML #FFCC33 RGB 255 204 51HTML #FFCC66 RGB 255 204 102HTML #FFCC99 RGB 255 204 153HTML #FFCCCC RGB 255 204 204HTML #FFCCFF RGB 255 204 255HTML #FFFF00 RGB 255 255 0HTML #FFFF33 RGB 255 255 51HTML #FFFF66 RGB 255 255 102HTML #FFFF99 RGB 255 255 153HTML #FFFFCC RGB 255 255 204HTML #FFFFFF RGB 255 255 255 |
>>: Node.js のイベント モジュールに関する知識ポイントのまとめ
目次01. レンダリングが不要な場合はuseStateを使用する02. リンクの代わりにrouter...
エラー 1290 (HY000) : MySQL サーバーは –secure-file-priv オ...
1. InnoDBのロック機構InnoDB ストレージ エンジンは、行レベルのロックとトランザクショ...
この記事では、参考までに、シンプルなチャットルームを実装するためのnode+socketの具体的なコ...
voidキーワードの紹介まず、void キーワードは JavaScript で非常に重要なキーワード...
1つ。 wget https://dev.mysql.com/get/mysql57-communi...
目次結論は実践分析拡張機能要約する結論は親コンポーネントでカスタム イベントが定義されている場合、子...
1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...
目次序文: 1. コンセプト2. モジュール化の利点3. 複数のスクリプトタグを導入した後の問題1....
今日私が書こうとしている内容では、プログラムは 7 時間近く実行され、データベースに 1,000 万...
目次1. クロスドメインはどのように形成されるのでしょうか? 2. クロスドメインの根本的な原因3....
vue-cli で構築されたプロジェクト スキャフォールディングでは、すでに autoprefix...
【序文】当プロジェクトの SMS 機能は、第三者に接続することです。第三者からの元の受信確認要求は ...
この記事では主に、MySQL サービスの自動停止の解決策を紹介し、参考と学習のために共有します。一緒...
導入:多くの場合、さまざまな選択ステートメントを使用して必要なデータを照会した後、多くの人は作業が正...