css - Web開発における色の選び方

Question

サイトを構築するとき、Paint.NET でグラフィックデザイン (開発者スタイル) を少し行う傾向がありますが、異なるマシンのすべてのブラウザーですべての色が適切に表示されることをどのように確認すればよいでしょうか? 一般的にどの色深度をコード化しますか? 16bit 256色など

score 7 · Accepted Answer

最も基本的な携帯電話でさえ 16 ビットカラーをサポートしているため、どこでも色が完全に表示されるかどうかは心配していません。

私の意見では、「Web セーフ」な色について心配しなければならない時代はほとんど終わりました。

信じられないほど類似した色を使用していない限り、問題はありません。

score 6 · Accepted Answer

考慮すべきもう1つの項目は次のとおりです。

色覚異常

参考までに、色覚異常を考慮して色を選択すると、男性の約 5% が色盲です。

このページでは、ユーザー、さらに重要なことに開発者が、Web ページが色弱者にどのように見えるかをシミュレートできるようにする Firefox 拡張機能について説明します。

色盲について詳しくはこちら

score 2 · Accepted Answer

関連するメモ: png の使用に注意してください。

さまざまな画像エディター (Paint.NET については不明) は、いわゆるガンマ補正情報を png に埋め込みます。このガンマ補正情報は、一部のブラウザーで使用され、png が期待する RGB カラーとは異なって表示されます。

背景色への png トランジションが IE ではなく Firefox では完全に一致するいくつかのプロジェクトで、個人的にこの問題に遭遇しました。

ベストプラクティスは、pngcrush を使用してガンマ補正を削除することです。ガンマ補正が目前の問題ではない場合でも、全体的なファイルサイズが縮小されるため、とにかくこれは良い考えです。

読みたい場合の詳細情報は次のとおりです。http://hsivonen.iki.fi/png-gamma

トピックから外れているように聞こえるかもしれませんが、web で使用するために色と Paint.NET を使用するときに言及したいと思いました。

score 1 · Accepted Answer

私はここから多くのカラースタイルを恥知らずに盗みます。私は、ほとんどのコンピュータのカラースキームで大きな問題を抱えたことはありません。

私は Web デザイナーではなく、時々 Web ページをデザインすることを強いられるプログラマーであることに注意してこれを言います。

score 0 · Accepted Answer

w3schoolsによると、まだ 256 色のディスプレイを持っている訪問者はわずか 2% です。Web の色を使用しないと、意図した色とは多少異なる色が表示されるだけなので、選択を制限するWeb セーフカラーに固執する理由はありません。