• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:illustratorとブラウザの色がかなり違う(薄くなる))

illustratorとブラウザの色がかなり違う(薄くなる)

このQ&Aのポイント
  • illustratorとブラウザの色の差異について説明します。
  • ウェブデザインで使用する色の見え方に関する問題が発生しています。
  • illustratorとブラウザ間の色の差異を最小限にする方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • bardfish
  • ベストアンサー率28% (5029/17765)
回答No.1

こちらのを参考に設定してみては如何でしょうか? http://www24.big.or.jp/~antares/photo_gallery/collar_manag/collar_management2.html ※「広色域ディスプレイではカラーマネージメント対応のブラウザーを使おう!!」でFirefoxの設定を説明しています。 わたしの場合、モニターキャリブレーションツールで作成したモニタプロファイルをVistaの「色管理」に追加しています。 そのおかげでPhotoshop、Firefox、プリントで色の差異は気になりません。 ※キャリブレーションにはSpyder2Expressを使用しています。

osivix
質問者

お礼

ありがとうございます! 教えていただいたページに書いてあった、 about:config・・・を試してみたのですが、再起動しても色の違いは解消しませんでした。。 でももう少し読み込んで勉強してみたいと思います。 それからツールについても教えていただきありがとうございます! 今の状況は、きちんと色管理されている人には起こらないことだと 分かっただけでも前進の気分です★

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • photoshopでブラウザの色と同じ色で編集したい

    環境  ・windows vista business  ・モニタ FUjitsu-VL240  ・photoshop cs3 (カラー設定はWebインターネット用日本。画像のプロファイル:sRGB 61966-2.1)  現在、Web用の写真をphotoshopで加工しています。 (ただしWeb用保存を使用せず、普通に画像を保存して使用しています。)  sRGBで撮ったデジカメの画像をphotoshopで加工後、保存すると、ICCプロファイルが埋め込まれていてもFireFoxを除く多くのブラウザでは当然、photoshop上で見る色と違って見えます。  これをブラウザで見る色と同じ状態でphotoshopにて編集・加工するにはどうしたらよいでしょうか。  ICCプロファイルを埋め込まなければ、vistaのビューワーやphotoshopで見ても(sRGBだから)、ブラウザで見ても同じかと思ったら、だいぶ違いました。。。  それともブラウザの共通色は216色(?)だから、photoshopでもWebセーフカラーしか使ってはいけないのでしょうか。。  基本的な質問で申し訳ありませんが、過去の質問を見ても解決出来ませんでした。どうかご教授ください。

  • illustratorに画像を配置した時に色が変わってしまう

    mac OS Xで、illustratorCS4を使っています。 web用に、写真とオブジェクトを組み合わせた画像を作ることを目的に作業をしていたのですが、写真を「配置」したら、プレビューで開いたときよりも色がくすんでしまいます。 しかしながら、web用に保存で保存すると、元の色(プレビューで開いたときと同じ色)に戻っています。 つまり、illustratorでの作業中にだけ色がくすんだようになるのですが、どのようにしたら改善されるんでしょうか? illustratorの設定の問題なのか、それともモニタやプレビューのソフトの方の問題なのか……。 なお、illustratorの書類のカラー設定はきちんとRGBにチェックを入れています。 ご指南のほどよろしくお願いいたします!

  • Illustrator使用。CMYKデータを正しくRGBに変換するための方法、適切なプロファイルは?

    こんにちは。 CMYKデータを正しくRGBに変換するための方法、適切なプロファイルを知りたくて質問させていただきます。 現在Illustrator8.0.1を使用しています。環境はMac OS 9.2.2です。 CMYKをRGBに変換する理由は、仕事先がテレビ局のCM関連の映像会社であるため、最終的な納品形態がRGBなのです。 現状は、 (1)Illustrator8.0.1でCMYKデータを作成する。そして保存。 (2)それをIllustrator10.0.3で開く。その際のIllustrator10.0.3のカラー設定は「Web Graphics Defaults」(作業用スペース:RGB/sRGB IEC61966-2.1・CMYK/U.S. Web Coated(SWOP)v2)です。 (3)Illustrator10.0.3で開いたファイル(CMYK)のカラーモードをRGBに変換する。 というやり方をしています。 この色変換は正しく行われているのでしょうか? Illustrator10.0.3とは別にCS3も持っているので、試しにそちらで色変換してみたのですが(この場合はOS X使用。その際のカラー設定は、「Web・インターネット用-日本」(作業用スペース:RGB/sRGB IEC61966-2.1・CMYK/Japan Color 2001 Coated))、Illustrator10.0.3を使用して色変換したときとは微妙に数値が異なっていました。 現在の正しい色変換の方法、正しいプロファイル設定をご存知の方がいらっしゃいましたらご回答よろしくお願いいたします。 やはりIllustrator8.0.1で作成したデータでは正しく色変換できないのでしょうか…?

  • AdobeRGBのモニタでsRGBを見る

    RAWで撮った写真を、AdobeRGBで現像したかったので 現在AdobeRGB対応のモニタを購入しました。Win7です。 カラーマッチングツールも購入して色合わせもしました。 ところが、Webサイトを見ていると、色が違います。 違うというのは、明らかに色がどぎつく、蛍光色の様になっています。 調べてみるとカラーマネジメントというのが必要ということで、 Firefoxで設定を行い、Firefoxでみる際には無事に色はsRGBになったと思います。 しかし、Firefox以外のブラウザは依然どぎついままです。 (細かいことをいうと、Windowsのアイコンも色がおかしいです) そもそもAdobeRGBのモニタを使っている方は Webなどはどのように閲覧していらっしゃるのでしょうか? Web閲覧の時だけ、sRGBモードにしてるのでしょうか? またRAWを現像するときですが、AdobeRGBで現像するとして、 Webにアップしたいなと思った場合、sRGBに変換すると思うのですが、 変換後はモニタのモードをsRGBに変更してから加工などを行う方がよいのでしょうか? ソフトはPhotoshopを使っています。 それともう一点、ちょっとカメラとは関係ないのですが カラマネを設定したFirefoxでスクリーンショットをとって Photoshopに貼り付けると、sRGBをさらにsRGB変換しているようで色がくすみます。 この解決方法ってあるんでしょうか。 そもそものWindowsのカラーマネジメントの設定もどのようにすればいいのか分かりません。 最初はキャリブレーションして作ったプロファイルを使っていました。 AdobeRGBのモニタを使っているかたはどのように設定しているのか知りたいです。

  • イラストレータの色が16進で再現が出来ない。

    デザイナーさん作成されたイラストレータ(ai)、フォトショップ(psd)の画像データから、パーツを切り出したり、色をカラーパレットで16進の値を確認してCSSで設定した場合、色が全体的に薄くなり色を再現出来ません。 以下のテストをしてみました。 フォトショップで単色淡い色(#e1c1b1)を作成してpsdファイルで保存 フォトショップでファイルを作成した際のカラーモードはRGBカラーにしました。 上記で作成、保存したpsdファイルをファイヤーワークスで開いた場合、赤みが増し少し薄い色になります。 ちなみに、CSSでバックグランドカラーとして #e1c1b1 を指定した場合、ファイヤーワークスの色味と同じだと思います。 また、上記のpsdファイルを「ファイル」-「Web およびデバイス用に保存...」を選択しても色味がファイヤーワークスで開いた時と同じなります。この件はプリセット内「sRGBに変換」のチェックを外したら同じような色になりました。 カラープロファイルが関係していると思うのですが設定方法が良く解りません。 デザイナーさんが作成したデータの色を忠実に再現するにはどうしたら良いでしょうか。 CSSで設定する為の16進の数値を知りたい。 今の環境 Mac OS X 10.7.1 Adobe CS4 (Photoshop CS4、Illustrator CS4、Fireworks CS4) モニターはNECの2690WUXi2 モニターはシステム環境からモニター、カラーでディスプレイプロファイルを作成しています。 試した事 上記テスト作成したpsdファイルにて「編集」-「プロファイル変換...」から、ディスプレイプロファイルを選択してみましたが、色味が合いませんでした。 アドバイスを頂ければと思います。

    • 締切済み
    • CSS
  • イラストレーターで入力した文字をフォトショップにペーストすると色が変わる。

    イラストレータで文字を入力して、編集した後「コピー」フォトショップにて「ペースト」すると色が変わってしまいます。 どちらもRGBで作成してます。 また、イラストレーターでRGBで作成しているときに、WEBカラーにしたいと思い、カラーの部分に数値を入力するのですが、色が表示されません。ちなみに色は0・0・255の青です。そのほかのWEBカラーも表示されません。 どうしてもその青が使いたかったので、色々やり方を変えたところ、イラストレーターをCMYKで作成して、スウォッチの青を使い、フォトショップ(RGB)にペーストすると、0・0・225の青になりました。 イラストレーターでWEBカラーを使用するにはどうしたらよいのでしょうか? また、フォトショップにコピー&ペーストしたときに色が変わるのを防ぐ方法はありますか? ちなみにバージョンはイラストレーター10.0.3フォトショップ7.0です。

  • illustrator CS プリントの色がくすんでしまう

    初心者の質問ですが宜しくお願いします。 このほど会社で新しくi-macを購入しました。 普段illustratorCSを使って簡単なチラシ制作などをしておりますが、プリントアウトされたものが明らかに色がくすんでいます。(薄いピンク→赤みが飛んだような薄い黄緑、C100→紺色っぽい) 会社にある他のパソコンからはきれいに(きれいと言いますか、違和感なく)プリントアウトされるのですが、このmacからだけくすんだ色で出力されます。 カラー設定の問題なのかとも思ったのですが、設定の仕方がよくわかりません。(CSのカラー設定をいろいろ試してみたり、他のパソコンの設定と同じにしてみたりしたのですが、あまり変わらないんです。) ※現設定は、Adobe illustrator5.5をエミュレート 詳細設定モードのチェックは外しています。 他の質問ではモニターと出力の色合わせ等高度な質問が多いですが、普通に出力してもらえればOKなのです。 どなたかアドバイスお願い致します。 ※macOSX 10.5.2 ※CMYKで作成してます。 ※プリンター/CANON IRC3100F

  • WEBにアップした画像の色が違って見える

    WEBにアップした画像の色が違って見えるのですが、 対処の仕方がわかりません。 WEBにアップした画像は、 PhotoshopでsRGBに変換後保存されたjpeg画像です。 これを、カラーマネージメントに対応したSafariと 未対応のWindows+IE7で見たとき、 IE7よりSafariのほうが鮮やかさに欠け、 色がくすんで見えてしまいます。 当方、洋服などのネットショッピングで画像を使うため、 どの環境でも比較的同一に近い色にしなくてはならないので、 困り果ててます…。 カラーマネージメントに対応したブラウザと、対応していないブラウザ、 どちらも同じ色で表示させる方法はないでしょうか? 大手の企業サイト(ユニクロなど)でも、 カラーマネージメントに対応、未対応ブラウザで 色が違って見えるので、現状これは仕方のないことなのでしょうか? よろしくお願いいたします。

  • 【イラストレータ】WebRGBでの色指定が面倒です

    illustrator10(Win)使用してます。 Web製作でイラストレータも使用しており、「カラー」の「WebセーフRGB」で色を指定しているのですが #123456 とかの場合12 34 56 を個別に入力しなくてはならず面倒です。他にいい方法はないでしょうか?よろしくお願いいたします。

  • Photoshopのカラー設定について(Web保存時に色が変わってしまいます)

    PhotoshopCS2をWeb用画像の作成に使用していますが、問題があります。 作成したPSDデータを「Web用に保存」とすると、色が「くすんだ感じ」→「鮮明に」明らかに変わってしまいます。 いろいろと調べてみたのですが、これといった解決策が見つけ出せません。 以前は、そのようなことは起きなかったのですが、バージョンを上げてからかどうかは分かりませんが、気がつくとそういう場合があることに気づき、カラー設定などいろいろさわってみるうちに訳が分からなくなってしまいました。 初歩的なことでお恥ずかしいのですが、カラー設定(プロファイルとか・・・)がよく分かりません。 ちなみに、設定は以下の通りです。またモニタはNECのLCD2690WUxiを使用しています。 【設定A】  [モニタ]    ・RGB設定:sRGB  [Photoshop]    ・カラー設定:Webコンテンツ作成用設定(または Web・インターネット用-日本)    ・新規作成時のカラープロファイル:sRGB IEC61966-2.1 これで作成してWeb保存をすると鮮やかな色になってしまいます。 (Web保存ではないjpg保存をしても、ブラウザで見ると鮮やかな色に、しかしPhotoshopで開くと作成時のイメージ通り。) しかし、以下の設定にすると、思った通りの色でWeb保存できます。 【設定B】  [Photoshop]    ・カラー設定:モニタのカラー設定に合わせる(必然的に作業用スペースのRGBは「RGBモニタ-LCD2690WUxi」となります)    ・新規作成時のカラープロファイル:LCD2690WUxi ※いろいろ試したところ、カラープロファイルが「LCD2690WUxi」であればWeb保存時に色が変わらず保存できるようです。 というか、【設定B】にすると、カラーパレットやツールボックスの描画色背景色もその時点で鮮やかになるのですが…。 WebはsRGBということなので、この設定であれば画像作成時も、Web保存時も同じ結果が得られるのかと思っていたのですが、違うのでしょうか? 通常、みなさんはどのような設定で作成されているのでしょうか? Web製作をされている方やお詳しい方、ぜひアドバイスお願いいたします。 なお、知識不足につきおかしな事・明らかに間違っている事などを述べているかもしれませんが、その辺りはご容赦ください。 宜しくお願い申し上げます。