どの色にどの色を配置した場合、どう言う結果を招くか、と言うことについて、はっきりとは言えませんが、私の経験からしても、確かに輪郭がスッキリ表示できる場合と荒れる場合が有るみたいです。
例えば、私の別サイト
http://Illustrator-ok.com/pc_koza/pc_koza_top.html
の、中央三角の赤色「スクロールボタン」の輪郭など、スッキリ出来ていません。

私の経験の範囲で言えば、「やって見て」調整するしかないみたいですね。

一番確実な方法は、

　ボタンと背景を別々のファイルに用意し(後でいろいろな組み合わせができるようにするため)、2つを新しいファイルにコピーし、組み合わせ、その後にweb用に保存する。保存した画像は背景付きなので違和感がでない。

ではないでしょうか。

もう一つの方法は、背景画像を最初から取り込まない方法ですが、

　そもそも輪郭が荒れるのは画像の輪郭と背景との明度が違いすぎるか、もしくは補色の関係にあることが原因なわけですから、ボタンの輪郭線が、輪郭と背景の色の中間色(これはアンチエイリアスをかけたような状態です)になればいいと思われます。
　つまりボタンの輪郭線を半透明で作り、ボタンと組み合わせ、半透明が有効なファイル形式のweb画像として保存すれば違和感がなくなると思われます。

亭主さん、スモールトークさん
回答ありがとうございます。以前の会社で数年illustratorを
使用していたのですがカッティング出力用のデータが主だったので色付けは未だにさっぱりです。まわりに聞ける人もおらず
助かりました。お二人のアドバイスを参考に再度調整してみます。ありがとうございました。

こんにちは。
WEBページに保存するときに、「マット」と言うところがあると思うのですが、その設定を背景にしたい色に近いものを選ぶと、良いと思うのですが・・・
透明gifのエッジ部分がその色で作られるので、背景になじみます。
見当違いのこと言ってたらごめんなさい。

MNさん、気持ちは分りますが、ダブルポストは違反です。
急を要する場合は、その旨付記しましょう。

Kanaさん。ありがとうございます。
マットというのがあるのは知っていましたが何に使うのか
わからずにそのまま処理をしていました。やってみます。

亭主さん。
掲示板で質問させていただくのは今回の事がはじめてで
まだルールを理解できていませんでした。申し訳ありませんでした。以後気をつけます。ありがとうございました。

きついことを言って恐縮です。
年寄りの憎まれ口です。