html - HTMLの色と画像の色

Question

画像の色をHTMLの色とまったく同じにする可能性はありますか？

角の丸いボックスがあり、角は画像で、背景色はHTMLです。私のラップトップでは完璧に見えますが、優れたモニターでは色の違いが目立ちます。

HTMLで生成された色を画像の色と完全に一致させることはできないというのは本当ですか？

編集：私はPhotoshopを使用しており、RGBカラーとまったく同じ16進数を使用しています。

Answer 1

別の解決策として考えられるのは、カラー プロファイルが原因でカラー シフトが発生しているということです。

これらは、他のモニターがどのように構成されているか (特定のプロファイルを使用するようにマシンを更新できます。デザイナーなどの人々は、写真や印刷デザインで色が正確であることを確認するためにこれを行います)、または画像が保存されたときにどのように保存されるかが原因である可能性があります。お気に入りの画像編集ツールからそれらをエクスポートします (私はあなたを見ています、Photoshop)。これらの問題は、ヘックスの色が適切であるかどうかに関係なく発生する可能性があり、途方もなくイライラします.

そのリンクを試してみてください。埋め込まれたカラー プロファイルの問題に対処している場合は、正しい方向に進む可能性があります。

編集: Photoshop からエクスポートしているので、これが原因である可能性が高いと思います。

Answer 2

CSS と画像などで同じ色を使用する場合#E1E1E1(「GIMP」などのツールを使用すると、これらの 16 進値を直接入力できるカラー ピッカーが役立ちます)、色は同じになります。

私の推測では、あなたの問題は圧縮である可能性が最も高いと思います（.jpg として保存し、それがもたらすアーティファクトによる）。他の形式 (可逆 PNG 形式など) を使用するか、JPG を可逆形式で保存します (ほとんどのツールで品質スライダーを 100 まで上げます)。

Answer 3

ブラウザー/モニターは、一部の色についてわずかに異なって見える場合があります。css で使用している 16 進値と同じ 16 進数値の画像を一致させている場合でも、特定の色を一致させるのは難しい作業であることが判明する場合があります。(これはほとんどの場合に機能しますが、常にではありません) 可能な場合は Web セーフ カラーを使用することをお勧めします。これらの色は、複数のディスプレイで同じようにレンダリングされる傾向があります。