「ウェブセーフ」な色はまだ重要ですか?


62

何年も前、WebデザイナーはWebセーフカラーのみを使用することが強く推奨されていました。

これがまだ当てはまるかどうかを確認するために研究が行われましたか?もしそうなら、答えは何ですか?

誰もこれをカバーする研究または報告を知っているか、参照していますか?


Webに安全な色(256色のプラットフォームでディザリングなしで常にレンダリングされる色のセット)が存在したかどうかはわかりません。少なくともクラシック216ではありません。
e10011年

編集:ここでの重要な問題は、特に16ビットシステムでは、古典的な216色パレットであったことを指摘したので、2000年に書かれた記事ですか:physics.ohio-state.edu/~wilkins/color/websafecolors.html
e100

回答:


53

ほとんど心配する必要はありません。最近では、サイトの訪問者の非常に多くが256色以上をサポートできます。

何らかの理由で、ユーザーベースが90年代前半のシステムを使用しているメンバーの割合が通常よりも高い可能性がある場合は、それを検討することをお勧めします。

w3schools ブラウザーの表示統計では、2010年1月にインターネットユーザーの0%が256色のままだったことが示されています。


13
色についてのこの話は何ですか?私はまだモノクロを使用しています!
Mateen Ulhaq

「私の時代には、画面に白塗りをしなければなりませんでした!」
カジ

4
そして、まだ256色のディスプレイを使用しているユーザーは、(a)全面的な色の再現に非常に慣れている可能性があります。または、(b)たとえば、サイトに白い背景に黒いテキストで表示するように強制するなどして、回避策を講じています。
e100

@カジいや、それはあなただけだった。
シルヴァードラグ

2
W3schools.comは、ブラウザ統計の代表的なサイトではありません。Web開発者を対象としており、多くの開発者を引き付けています。そうは言っても、今日の一般ユーザーは、高解像度で多くの色を生成できるグラフィックスカードを使用していると考えるのが安全です。
マルセルコルペル14

17

簡潔な答え:

番号。

長い答え:

平均的なユーザーは、十分なグラフィックカード/モニターを使用しているため、「Webセーフ」は問題になりません。


8

90年代前半、ほとんどのグラフィックカード(2万ポンドのSGI Indyの「グラフィックワークステーション」のものを含む)には、高解像度のトゥルーカラーイメージをレンダリングするための十分なメモリがありませんでした。回避策は、ルックアップテーブルとディザリングアルゴリズムで機能する256色を使用することでした。

「ルックアップテーブル」の256色は、最新のPCで得られる2 ^ 24色のいずれかになりますが、これらの一部はオペレーティングシステムが使用するために予約されていました。通常、ウィンドウの境界、メニューテキスト、およびその他の画面装飾に32〜40色が使用され、アプリケーション用に216色が残されていました。

8ビットディスプレイ上のPCアプリケーションでは、特にUnixワークステーションでは、各ウィンドウ/アプリケーションに独自のカラーセットを設定できます。これにより、あるウィンドウから次のウィンドウに移動するときに色が点滅する可能性があります-選択されたウィンドウは見栄えがよくなりますが、背景ウィンドウは少し奇妙になります。

WebがMosaicブラウザー(およびその後のNetscape)とともに登場したとき、ブラウザーは他のアプリケーションで動作する必要がありましたが、Webデザイナーがページに含めた多くの画像を表示していました。これらは、216(6 x 6 x 6)の「Webセーフ」カラーに自動的にディザリングできます。当然、他のページ要素(「H1-H6」など)も、パレットで使用可能な216色にディザリングできます。

(ブラウザがレンダリングできる)216の「Webセーフカラー」に固執しなかった場合、結果は予測不能であり、微妙な赤は微妙な赤などとしてレンダリングされる可能性があります。 90年代半ばにほとんどのPCでカラーが登場し、「ウェブセーフ」の問題が少なくなりました。ただし、16ビットスクリーンでは、8ビットカラーの場合のように、ルックアップテーブルではなく各カラーのビット数が少なくなりました。赤、緑、青の各成分の5ビットは、トゥルーカラーの近似値を示しましたが、実際にはそうではありませんでした。指定されたRGB値、たとえば#ABCDEFは#ABCDEFとして正確にレンダリングされないため、PCごとに色を同じにしたい場合、「Webセーフ」にはある程度の関連性があります。


8

インターネット(およびコンピューター)が新しくなった頃、画面には現在のカラーサポートがありませんでした。24ビットまたは32ビットの色があり、以前は8ビットの色しかありませんでした。

一部のコンピューターは特定の色(256(2 ^ 8)のみ)を表示できなかったため、それらのWebセーフな色のいずれでもない色が使用された場合、コンピューターはそれに最も近い色を表示しようとします(時々本当にオフでした)。

心配する必要はありません。数千または数百万色を表示できる画面があるため、Webセーフパレットは少し古くなっています(15年ほど)。


16ビットカラーは2 ^ 16 = 65536色です。16x16ではありません。あなたがおそらく意味するのは、8ビットカラーです。それは2 ^ 8 = 256です
バイバブガーグ

2

およそ99%の人が、24ビットまたは32ビットのディスプレイを搭載したモニター/携帯電話を使用しています。これらではディザリングは発生しません(16ビット表示でも発生する可能性がありますが、これは一般的ではなく、単純に非常に短いロード時間の原因になります)。そのため、これはディザリングに関してほとんど問題ではありません。ただし、Webセーフカラーが役立つ理由はさまざまです。

一貫して異なる対照的な色を提供します。他のほとんどのパレットを使用したり、ランダムに決定したりする場合と比べて、異なる色を部分に伝える可能性が高くなるため、色覚異常の視聴者の場合に役立ちますよく見えると思う色。色はすべてCSSの速記コードに便利です。つまり、6文字ではなく3文字だけで色をコーディング#663399できます(例:になります#639)。


色覚異常の視聴者のためのアクセシビリティに言及したことに対する称賛。そうは言っても、ウェブで安全な色が機能することを望んでいるのではなく、ジュウテロノペ(理想的にはプロタノペ)に対して実際にコントラストを示す正確な色を選ぶ努力をする方がはるかに良いです。「deuteranopia」のシミュレーションをオンにして、paletton.comでカスタムパレットを作成することをお勧めします。(それがあまりにも困難な場合は、ほとんどの場合、 "deuteranomaly"が機能するはずです。)Color Contrast Analyzerも優れた無料のツールです。青、黄、緑、マゼンタ、グレーの色合いを使用することを検討してください。
ジョンクームズ

-2

一度だけWebセーフカラーが適用されるのは、256色に制限されているGIF画像を使用する場合です。もちろん、これらの色はほとんどどんな色のセットでもかまいませんが、1つの画像には256しかありません。


2
ただし、GIFパレットの256色には 216のWebセーフカラーを含める必要はありません。
ジェンスグラム

重要なのは、デザインの一部(ロゴなど)にGIFを(おそらくサイズのために)使用したい場合は、色の数を抑える方が良いということです。
ダリル・ハイン

1
-1:これは関係ありません。
e100

1
おそらくほとんどの場合、関連性はありませんが、そうなる場合が想像​​できます。一貫したパレットを使用するために多くのGIF(または多くのコンテンツをコンパイルする大きなGIF)が必要な状況に陥った場合、これは適切な方法ですよね?
ジョンクームズ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.