ウェブデザイン必携ハンドブック 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 のイベント モジュールに関する知識ポイントのまとめ
推薦する
スクロールバーがスペースを占有することで発生するバグを修正しました
背景このバグは滾動條占據空間ことで発生していました。いくつかの情報を確認して、ようやく解決しました。...
CSS で中空効果を実装するサンプルコード
効果原理主にCSSグラデーションを使用して、切り取りを必要としない背景のくり抜きを実現します。クーポ...
Ubuntu環境でのSSHの詳細なインストールと使用
SSH は Secure Shell の略で、安全な伝送プロトコルです。Ubuntu クライアントは...
遭遇したいくつかのブラウザ互換性の問題について簡単に説明します
背景ブラウザの互換性の問題を解決するのは非常に面倒なことです。高度な技術はそれほど必要ありませんが、...
Homebrewを使用してMacにMySQLをインストールするときにログインできない問題を解決する
お使いのコンピュータが Mac の場合、homebrew を使用して MySQL をインストールする...
MySql でメモリ使用量を削減する方法の詳細な説明
序文デフォルトでは、MySQL はデータベース クエリ データをキャッシュするために大きなメモリ ブ...
CSS での配置の使用方法の詳細な研究 (要約)
CSS における位置指定の概要position属性は英語で位置を意味し、 CSSでの主な機能は要素...
MySQLデータベースを作成し、中国語の文字をサポートする方法
まずMySQLの公式ドキュメントを見てみましょう: 5.7 {データベース | スキーマ} を作成 ...
nginx を使用して wgcloud へのアクセスを構成する方法
nginx の設定は次のとおりです。 http://172.17.188.27/wgcloud など...
dockerでpdflatex環境を設定する方法
技術的背景Latex は文書作成、特に記事作成には欠かせないツールであり、必須のテキスト組版ツールで...
CentOS8 - bash: 文字化けとその解決方法
この状況は通常、中国語言語パックがインストールされていないか、デフォルトの言語設定に問題があるために...
n 個のコンテナ要素による無限スクロールの実装コード
シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...
jsはポップアップウィンドウをクリックすることでポップアップログインボックスを実装します
この記事では、ポップアップウィンドウをクリックしたときにポップアップログインボックスを実現するための...
docker に基づいて nginxssl 設定を開始する
前提条件クラウドサーバー（Alibaba Cloud、Tencent CloudなどのcentOS）...
HTMLの基本構造を包括的に理解する
HTML入門ハイパーテキスト マークアップ言語: ハイパーテキスト マークアップ言語ハイパーテキスト...