webの色。画像の色

質問

bgcolor="#330066"のセル上にロゴマークを貼り付けました。

ウェブブラウザ上で確認すると、ロゴマーク画像の背景色とセルの色が違っています。

ロゴ.gifをフォトショップで開き、スポイトで背景色を抽出すると#330066になっております。
jpgで保存しても同じです。

gifの背景を透明にするとロゴの周囲が白くなってしまいます。
ぼかしで解決しようとしましたが失敗でした。

何か巧い方法はないでしょうか?
よろしくお願いいたします。

回答No.3

KNIGHTs · ベストアンサー

フォトショップで抽出した#330066とは16進法でしょうか？
もし10進法のままで色を指定していまっているのならbgcolorでの色指定は16進法ですのでぜんぜん違う色になってしまいます。
フォトショップの10進法で#330066を作るとそれぞれ「R：51、G：0、B：102」になります。

ですが、この方法ですと違う色の背景にした場合や、背景を画像にした場合にそのつど作り直さなければならなくなってしまいますので、
rimuseさんの紹介してるプラグインを使用して透過GIFで制作したほうがいいと思います。

お礼

>フォトショップの10進法で#330066を作るとそれぞれ「R：51、G：0、B：>102」になります。

まさに「R：51、G：0、B：102」でした。
頭の＃でてっきり16進数表示だと思っていました。
色が若干違って見えるのはディスプレーのせいだと、今日までずっと思っていました。(恥ずかしい)

どうもありがとうございました。
これからもよろしくお願いいたします。

回答No.2

rimuse

＞gifの背景を透明にするとロゴの周囲が白くなってしまいます。
　ぼかしで解決しようとしましたが失敗でした。

これはアンチエイリアスがかかってるからだと思います。
アンチエイリアスを消去してくれるとっても便利なフォトショップ用プラグインが
ありますので、試してみてはいかがでしょうか？
http://www.edesign.com/filters/
でもらえます。便利です。フリーです。

参考URL：

http://www.edesign.com/filters/

お礼

ご回答ありがとうございます。
返事が遅れて申し訳ありません。(たった今帰宅)

早速ダウンロードしました。明日、試してみます。

ありがとうございました。
これからもよろしくお願いいたします。

回答No.1

mizuchi_

背景を透明にするとロゴの周囲が白くなるなら、
ロゴを黒い線で囲ってみてはどうでしょう？
そういった画像を配布しているサイトでは
そのようにして背景色の濃いサイトと薄いサイトで使い分けをしています。

お礼

ご回答ありがとうございます。

すいません。たった今
500%拡大→細かく色域指定　という強引な方法で一応解決しました。
といってもまだ若干汚いです…

>ロゴを黒い線で囲ってみてはどうでしょう？

頼まれモノなので勝手はできませんが、今後の参考にしたいと思います。
ありがとうございました。