ウェブデザイン必携ハンドブック 216 ウェブセーフカラー
|
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 のイベント モジュールに関する知識ポイントのまとめ
推薦する
フックを使用して React コンポーネントを書くときに注意すべき 5 つの点
目次01. レンダリングが不要な場合はuseStateを使用する02. リンクの代わりにrouter...
MySQL データをエクスポートする際の secure-file-priv 問題の解決方法
エラー 1290 (HY000) : MySQL サーバーは –secure-file-priv オ...
MySQL InnoDB ロック メカニズムの詳細な例
1. InnoDBのロック機構InnoDB ストレージ エンジンは、行レベルのロックとトランザクショ...
Node+socketでシンプルなチャットルーム機能を実現
この記事では、参考までに、シンプルなチャットルームを実装するためのnode+socketの具体的なコ...
javascript:void(0) の意味と使用例
voidキーワードの紹介まず、void キーワードは JavaScript で非常に重要なキーワード...
Centos7 ベースの mysql5.7 のクイックインストールのチュートリアル分析
1つ。 wget https://dev.mysql.com/get/mysql57-communi...
Vue3 の emitting と attr の違いの分析
目次結論は実践分析拡張機能要約する結論は親コンポーネントでカスタム イベントが定義されている場合、子...
純粋なCSSで立体的な画像配置効果を実現するサンプルコード
1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...
JavaScript のモジュール性の説明
目次序文： 1. コンセプト2. モジュール化の利点3. 複数のスクリプトタグを導入した後の問題1....
MySQL の if 関数の正しい使い方の詳細な説明
今日私が書こうとしている内容では、プログラムは 7 時間近く実行され、データベースに 1,000 万...
Ajax リクエストにおけるクロスドメイン問題の原因と解決策
目次1. クロスドメインはどのように形成されるのでしょうか? 2. クロスドメインの根本的な原因3....
CSS3 パッケージ化後にプレフィックスプラグインを自動的に追加する方法の詳細な説明: autoprefixer
vue-cli で構築されたプロジェクト スキャフォールディングでは、すでに autoprefix...
Nginx ログ出力のリクエスト後パラメータを設定する方法
【序文】当プロジェクトの SMS 機能は、第三者に接続することです。第三者からの元の受信確認要求は ...
MySQLサービスの自動停止の解決策
この記事では主に、MySQL サービスの自動停止の解決策を紹介し、参考と学習のために共有します。一緒...
MySQLのexplain型の詳細な説明
導入：多くの場合、さまざまな選択ステートメントを使用して必要なデータを照会した後、多くの人は作業が正...