角丸ボックスの色が合わない!初心者の質問

このQ&Aのポイント
  • 趣味でサイトを作っている初心者です。CSSと画像を使って角丸ボックスを作っているのですが、うまくいきません。上段と中段と下段を組み合わせて作りたいのですが、上段と下段の角丸の部分はイラストレーターで画像を作り、中段は背景に色をつけて組み合わせようとしています。しかし、画像と背景色が合いません。CMYKとRGB間で完璧な変換ができないことを調べたのですが、どのように画像と背景色を合わせるべきか分かりません。助けてください!
  • 初心者の私は、趣味でサイトを作っています。角丸ボックスを作るためにCSSと画像を使っていますが、うまくいきません。画像と背景色が合いません。上段と中段と下段を組み合わせて作りたいのですが、上段と下段の角丸の部分はイラストレーターで作成した画像で、中段は背景に色をつけています。しかし、画像と背景色がうまく合いません。CMYKとRGB間での変換がうまくいかないことを調べたのですが、どのようにして画像と背景色を合わせればいいのかわかりません。助けてください!
  • 初心者の私は、趣味でサイトを作っています。角丸ボックスを作るためにCSSと画像を使用していますが、上段と中段と下段の組み合わせがうまくいきません。上段と下段の角丸の部分はイラストレーターで作成した画像で、中段は背景色を利用して組み合わせる予定です。しかし、画像と背景色がうまく合いません。CMYKとRGB間での色の変換に関する情報を調べたのですが、正確な変換方法が分かりません。皆さんはどのようにして画像と背景色を合わせていますか?教えてください!
回答を見る
  • ベストアンサー

角丸ボックスの色が合いません!!

趣味でサイトを作っている初心者です。cssと画像を使って角丸ボックスを作っているのですが、うまくいきません・・どなたか助けてください! 上段と中段と下段を組み合わせて作りたいのですが、上段と下段(角丸の部分)はイラストレーターで画像を作り、中段は背景に色をつけて background:#99cc00 url(images/navbar.png); などとしてくっつけようとしてるのですが、どうしても、どーしても画像と背景色(#99cc00のこと)が合いません!もともと#99cc00にしたいのですが、これをイラレで画像を作るためにCMYKの値に直すと、全然違う色が出来てしまいます。CMYK⇔RGB間で完璧な変換ができないことは、なんとか調べて分かったのですが、ではみなさんはどの様に画像と背景色を合わせているのでしょうか・・・どうか教えてください!

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

  • ベストアンサー
  • wand88
  • ベストアンサー率20% (409/1958)
回答No.1

モニターがRGBなのになんでCMYKで作るんですか? 合わないのを知ってるのならRGBで作りましょう

maimainet
質問者

お礼

回答ありがとうございます! 色に関する初歩的なところから勉強を始めなければならないですね。RGBとCMYKの違いすら分かっていません・・。もっと勉強します! ちなみに、「webカラー」で保存したら解決しました。ありがとうございました。

関連するQ&A

  • イラレとフォトショの色の違い

    質問させていただきます。 私は仕事でイラレで作ったものをフォトショに持ってきて加工して印刷、という作業をしています。 例えばイラレでCMY=0%、K=100%の黒いベタの背景を作ったとします。 それを保存してフォトショでRGBモードで開くと、CMYKスライダで見た時に C=78% M=75% Y=71% K=76% になってしまいます。 始めからCMYKモードで開いても、RGBモードに変換すると同様の色になってしまい、「K=100%の黒」もしくは「RGB=0%の黒」になってくれません。 イラレとフォトショの色を同じにするにはどうしたらいいでしょうか? 何か方法があるんでしょうか? (フォトショではフィルタ等を使いたいのでRGBで作業し、印刷する際にCMYKに直したいのですが…。) ちなみにスペックは、 Mac(os9.2) Illustrator8.0 Photoshop6.0 です。 どうかよろしくお願いします。

  • cssで凝った角丸ボックスを作りたい。

    以下の条件を満たしたボックスをスタイルシートで作りたいのです。 ●ほぼ全てのブラウザに対応させたい。  ・化石のようなブラウザは結構ですが、   IE、FireFox、ネスケ、Operaには   崩れる事なく表示できるようにしたいです。 ●tableタグを使用したくない。  ・tableを使用せずにこのボックスを実現したいのです。 ●幅や高さは固定ではなく%で指定したい。  ・ブラウザのウィンドウサイズによって変化させたいのです。 ●角を丸く、その外側は透過させたい。  ・(bodyの)バックグラウンドカラーが凝っていて、%で指定したい為、   丸くさせた角の外側を透過させる必要があります。   参照1はかなり近いイメージなのですが、   角丸の外側が透過していません。(bodyのカラーと同じ色にしている)   ちなみにこれを透過させると上下のバックグラウンドカラーや   左右の縦にリピートしているバックグラウンドイメージが見えてしまいます。   (参照1)http://www.sovavsiti.cz/css/corners.html ●左から右へとグラデーションをかけたい。  ・希望しているボックスがグラデーションの為、   参照2の黄色の縦線のように太くしたボーダーではできない。   (参照2)http://phrogz.net/CSS/roundcorner.html ●影を付けたい。  ・右下に影を付けたいです。ちなみに角丸・影などの画像は自分で作成できます。 ●画像はcssで表示させたい。  ・角丸やグラデーションなどの画像はhtmlにはimgタグを記述せず、   cssでバックグラウンドカラーなどで表示させたいと思っています。  ※これは変更・妥協可。 ●ボックスの中には文字などが入ります。 調べても考えても糸口が見つかりません。 もしご存知でしたら是非教えて下さい。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • イラレで金色(CMYK)は何パーセント?

    イラレでデザインをしていますが、 金色、銀色などの色がどういう組み合わせなのか、 わかりません。 ちなみにCMYKですが、RGBの場合はどうか? おしえてください。

  • 白黒の手描線画に色をつけて、イラレに配置するには?

    Mac os x、イラレとフォトショはCS5を使用しています。 白黒の手描きイラストをスキャナーで読み込み、 少し彩色したものをイラストレーターに配置したいと思っています。 最終的には、CMYKで印刷したいです。 出来上がりは、バックに色がついていて その上に彩色された線画が重なっているイメージです。 線画のバックは透明な状態で、 イラレに配置するとイラレの背景の色が見えるようにしたいです。 フォトショの背景を、イラレの背景と同じCMYKに設定しておいて イラレへ配置してみたのですが、フォトショから持ってきた背景部分の色が 微妙にイラレと違っていて、境目が分かってしまいます。 良い作り方はありますか? 説明、分かりにくくてすみません。

  • Illustratorで印刷すると色が濃くなる!!

    私のパソコンはWindowsXPで、イラストレーターはバージョン10です。 プリンターはエプソンのPM-2000Cで、かなり古めです。 イラレやフォトショはよく使っていますが、難しい設定や、カラーの事はいまいちよくわかっていません。 イラストレーターで作成した画像をイラストレーターで印刷すると、なぜか色が全体的に濃くなります。 青なんかほぼ黒になりますし、ちょっと濃い目の色ならどの色でもほとんど元よりも濃くなります。あまりにもひどい印刷結果に困っています。 これはどんな画像でも昔からそうなので、毎度わざわざフォトショップから開いて印刷してきました。 でも、やはりイラレのデータはイラレで印刷したいので、解決方法がありましたら教えてください! ちなみにカラーモードはCMYKでもRGBでも同じように元より濃くなります。 よろしくお願いします!!!

  • 配置すると色が異なる。photoshop→イラストレーター

    ウィンドウズXP、イラレ9、photoshop7で商品チラシを作成しています。 デジカメで撮影した画像処理をフォトショップで行い、イラレに配置するのですが、画像の色調整に頭をなやませております。 フォトショップで求める色に色補正しても、イラレに配置すると色が変わってしまいます。(赤味が強くなります。) 入稿するには、フォトショップ上での色か、イラレ配置後の色かどちらが出力されるのでしょうか?教えて下さい。 今のところフォトショップで薄く青く画像補正し、イラレに配置でちょうどいい色になるように作業していますが、フォトショップでウソの色合い調整するのにうんざりしています。みなさんもこんなことされているのでしょうか?お教え下さい。宜しくお願致します。 ちなみにデジカメから取り込んだRGBモードのままだとフォトショップでの画像処理の色がそのままイラレに配置されます。 チラシは入稿しますので、どうしてもCMYKモードにしなければいけません。

  • 角丸ボタン等のweb素材の透明部分について

    ボタンやら見出しやらに角丸使って、ボタンがつるつるしてるweb2.0風?のサイトって多いですよね? それらのボタンやdivの画像をフォトショで造る際、カンバスの形は矩形だから、角丸意外の背景は消去しないといけないですよね? でもjpgだと透明部分を持つことができないし、gifだとボタン等のグラデーション(鏡面反射みたいなつるつるしたやつ)がキレイにでませんよね? プロの皆さんはグラデーション等を使った角丸の素材を造る際、どうしてるんですか? Bodyの色と同じ色のレイヤーを重ねて画像を統合してからweb用に保存したり、 またはサイトの背景はだいたい白だからあんまり気にしないとかそういうことなんでしょうか? 初心者なものですいません。教えて下さい。

  • CMYKとRGBの違いに関して

    イラレを使って画像を作成した際のカラーモードに関しての質問です。 最終的に、PCのモニター上で見る場合にはRGBを使い、 紙に印刷して見る場合にはCMYKを使えば良いといわれます。 私の場合、PCのモニターでも見る用途でも、紙に印刷して見る用途でも 用いるのですが、どちらを使うべきでしょうか? 一度、RGBで作成したものをCMYKに変換すると、確かに彩度が落ちてしまう現象が見られます。 しかし、最初からCMYKで彩度の良い色を使って画像を作成すれば、 この問題は起こらなくなるのではないでしょうか? 一方で、CMYKは4色混合、RGBは3色混合であるにも拘わらず、 CMYKよりもRGBの方が表現可能な色領域が広いという話しも聞きます。 私の場合、黒赤青など基本色しかほとんど使わないのですが、 この場合CMYKを使って描いた方良いのでしょうか?

  • イラレとフォトショ 配置画像の色の違い

    Mac OS10.2にてIllustrator9.0とPhotoshop7.0を使用しております。 過去ログを検索し『このふたつのカラー設定を合せる』、というのを見つけ、RGBで「Adobe RGB(1998)」 CMYKで「Japan Standard v2」に統一致しましたがまだ色が合いません。(イラレに配置すると青みが強くなります) あまりパソコンの設定などには詳しくなくて、何が原因なのかがわかりません。あとはどこを調整すればよいでしょうか? ちなみにプリントアウトしたものはイラレと同じ色ででます。

  • 背景画像の色を取得

    背景画像に使った画像のRGB値を取得したいのですが可能でしょうか。 やりたいこと 背景画像をランダムに変更し 背景画像の色に合わせてフォント色などを変えること たとえば背景画像の座標400,400のRGB値を取得など できますでしょうか。

専門家に質問してみよう