ホームページを作っています。
背景の色、たとえば bgcolor=#CE0000 と
その背景の上に、同じ色#CE0000で素材を作りたいんですが、
どうすればいいでしょうか??
フォトショップを使っていますが、どうすればいいのかわかりません。

#CE0000というのを数字に変えるのですか?
なにかいい方法があれば教えてください!!

このQ&Aに関連する最新のQ&A

A 回答 (2件)

1.bgcolor=#CE0000 のページビューをPrintScreenでキャプチャする


2.そのスクリーンショットをPhotoshopに貼り付け
3.カラーピッカー(スポイト)で色をピック
4.ピックした色で素材を描く

これが一番確実かもしれません。
もちろん#CE0000を16進→10進変換でRGBに直すこともできますが、↑の方が手っ取り早いんじゃないかと。
    • good
    • 0
この回答へのお礼

ありがとうございます!!
早速試してみました、ばっちりできました!
長い間、どうやってするのか一人で悩んでいたので、
めちゃくちゃ嬉しいです(^-^)
ほんとうに、ありがとうございました~~!!!\(^-^)/

お礼日時:2002/03/04 14:13

>>16進→10進変換でRGBに直すこともできますが


と書いた責任上、一応補足。

16進では
A=10 B=11 C=12 D=13 E=14 F=15
で、10進数の10の位に相当するのが16の位です。
#CE0000 → R=CE G=00 B=00なので、
Rをバラすと CE=(12*16)+(14)=206
∴ R=206 G=0 B=0
となります。
    • good
    • 0
この回答へのお礼

sesamiさん、ご親切にありがとうございます!!
16進数の数え方もぜんぜん知らなかったので、
とても勉強になりました。
またじっくり計算する方法も試してみます(^-^)!!
本当にありがとうございました(^-^)♪♪ほんとに嬉しい~~

お礼日時:2002/03/04 14:16

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qbodyの背景と異なる背景色で、同じ文字色の見出し

例えば、以下

body{background-color:lightskyblue}
h1{background-color:blue;color:lightskyblue}

のように、bodyの背景色とh1の文字色が全く同じながらも、h1の背景色が文字色より濃くて暗い色なため、h1の文字が十分に認識できるときでも、スパムとして認識されるのでしょうか?

Aベストアンサー

それはありません。
 どこから得たデマか知りませんが・・・

 ただ、{background-color:blue;color:lightskyblue}はアクセシビリティ(WAI)では、望ましいとは言えないでしょう。
 ⇒WAIガイドライン:ページ制作( http://www.doraneko.org/wai/contents10/19980918/Overview.html )

QHPの背景画像や背景色が印刷時印刷されない

HPの背景画像や背景色が印刷時印刷されない

最近HPを作成しはじめの初心者です。

IEのデフォルトで背景を印刷しない設定になっているのですが、
これはどんな意味があるのでしょうか?

私としては、画面と印刷が同じ方がしっくりくるのです。

質問があります。
質問1:デフォルトで背景が印刷OFFになっていることのメリット
質問2:画面と印刷を同一にする一般的な方法

以上、よろしくお願い致します。

Aベストアンサー

私としては、画面と印刷が同じ方がしっくりくるのです。

==>それが、まさに人それぞれです。
 私としては、背景無しで印刷された方がうれしいです。
なぜなら、印刷するのはページ内容をメモ代わりに、パソコンの無い時でも
見たい時だけですから。

 さらに、欲を言えば印刷用のCSS(media="print")も予め作っておいて、
そちらでは、ごちゃごちゃしたレイアウトや飾りの画像、バナーやナビゲーション
を排除した。箇条書きのような印刷スタイルが、最もしっくりします。

QDreamweaver上で、背景の領域にリンクを張りつつ、オンマウスで背景色を変更する構造を組む方法。

現在Dreamweaver CS3を使用してWEBサイトを制作しております。

任意の領域の背景色を設定して、その上にテキストを記入した状態で、その背景領域全域にリンクを張り、
オンマウスした際に背景色を変化させるような構造を作りたいと考えております。

下記の様に、ソースでは希望通りの動作を組むことはできたのですが、その設定を行うページ箇所が膨大なのと、
その作業内容を他者に引き継が無くてはならないため為、可能であればDreamweaver上の機能を使用して簡易に行えたらと思っております。

ソースに関する知識は若干はあるのですが、逆にDreamweaverの使用方法については殆ど理解できていないため、
ご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。

宜しくお願い申し上げます。


【html】

<ul class="test4-1-1">
<li><a href="http://○○○.com/">○○○</a></li>
</ul>


【css】

.test4-1-1 {
width: 200px;
margin: 0;
line-height:2;
font-size: 14px;
}

.test4-1-1 li{
list-style: none outside;
}
.test4-1-1 li a {
text-decoration: none;
width: 100%;
display: block;
padding-left: 20px;
background: #FCF;
}
.test4-1-1 li a:link {
color: #969;
}
.test4-1-1 li a:hover {
color: #FFF;
background: #CCF;
}
.test4-1-1 li a:visited {
color: #C9C;
}
.test4-1-1 li a:active {
color: #F00;
}

現在Dreamweaver CS3を使用してWEBサイトを制作しております。

任意の領域の背景色を設定して、その上にテキストを記入した状態で、その背景領域全域にリンクを張り、
オンマウスした際に背景色を変化させるような構造を作りたいと考えております。

下記の様に、ソースでは希望通りの動作を組むことはできたのですが、その設定を行うページ箇所が膨大なのと、
その作業内容を他者に引き継が無くてはならないため為、可能であればDreamweaver上の機能を使用して簡易に行えたらと思っております。

ソース...続きを読む

Aベストアンサー

■dreamweaverでCSSを操作する方法。
HTML側で、class="test4-1-1"をクリックすればCSSエディタが開きますので、それで、CSSを書けばいいです。
CSSに関しては、CSSの知識を学習してもらえばいいです。ソースコードも直接編集でき、その際はコードヒントまで表示してくれます。

■CSCで背景を入れ替えたいなら、background-image:url();
を指定すればいいです。

Q背景色を設定しているのにFirefox,Opera等で背景出ない。overflow:hiddenではコンテンツ下部が途中で切れてしまう

CSSでサイトを制作中ですが、背景が出ないことで困っております。

わかりやすくするためレイアウト画像を添付しましたのでレイアウトをご確認ください。

端的に書くと、コンテンツの白色の背景を記述しているのに、なぜか色がでず、両脇の背景色が表示されてしまっています。

このようになってしまうブラウザは、Firefox3,Opera8.5、NS7等です。IEは6なのですが、これだけ大丈夫でした。

でもIE6だけOKではダメなので、調べると、overflow:hiddenで直るような記載を見つけたのでやってみました。

すると、今度は
■IE6でコンテンツが終わっていないのに、途中で切れてフッターが出現してまう

■ミドルコンテンツであるdiv id="mdl"の中の左サイドバーと右コンテンツが両端に離れてしまい、間が開きすぎてしまう。

というようになってきました。どうやって回避すればよいでしょうか?


以下ソースです。
●CSS
------------------------------------------------------------
div#hdr-wrap {
background:url(../img/cmn/hdr_bg.gif) repeat-x;
top:0px;
width:100%;
height:120px;
text-align:center;
}

div#hdr {
width:900px;
_width: 902px;/*IE対策*/
height:120px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div#gbnavi-wrap {
background:url(../img/cmn/gbnv_bg.gif) repeat-x;
top: 120px;
width:100%;
height: 51px;
text-align:center;
}

div#gbnavi {
width: 900px;
_width: 902px;/*IE対策*/
top: 120px;
height: 51px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div#main-wrap {
top:171px;
width:100%;
height:100%;
background: url(../img/cmn/bg.gif) repeat;
text-align:center;
}

div#main {
overflow: hidden;/*BGcolor表示対策(Firefox,Opera,NS)*/
width: 920px;
_width: 922px;/*IE対策*/
height:100%;
background: #fff;
border-left-color: 1px solid #000;
border-right-color: 1px solid #000;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div#ftr-wrap {
clear: both;
width: 920px;
_width: 922px;/*IE対策*/
height:151px;
background: url(../img/cmn/ftr_bg.gif) repeat-x;
border-left-color: 1px solid #000;
border-right-color: 1px solid #000;
margin-left: auto;
margin-right: auto;
text-align: center;
}

div#footer{
clear: both;
color: #415880;
width: 900px;
_width: 902px;/*IE対策*/
height:151px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
------------------------------------------------------------

●HTMLソースは、単にくくっているだけです。
<div id="hdr-wrap">
<div id="hdr">
</div>
</div>
<div id="gbnavi-wrap">
<div id="gbnavi">
</div>
</div>
<div id="mdl-wrap">
<div id="mdl">
</div>
</div>
<div id="ftr-wrap">
<div id="ftr">
</div>
</div>
------------------------------------------------------------

CSSでサイトを制作中ですが、背景が出ないことで困っております。

わかりやすくするためレイアウト画像を添付しましたのでレイアウトをご確認ください。

端的に書くと、コンテンツの白色の背景を記述しているのに、なぜか色がでず、両脇の背景色が表示されてしまっています。

このようになってしまうブラウザは、Firefox3,Opera8.5、NS7等です。IEは6なのですが、これだけ大丈夫でした。

でもIE6だけOKではダメなので、調べると、overflow:hiddenで直るような記載を見つけたのでやってみました。

...続きを読む

Aベストアンサー

#1です。
教えていただいたお礼に
添付ソースで動作させてみた(gifファイルは適当に変更)けど
Firefox3.0.6で問題なさそうなのですが・・・。
overflow: hiddenを入れても入れなくても違いがよくわからなかった。

Q透過背景を解除するにはどうすればいいのでしょうか?

透過背景を解除するにはどうすればいいのでしょうか?

filterとopacityを使って背景色を透過したdivがあります
このdivの一部で透過を解除したいのですがどうすればいいのでしょうか?

コードは以下のようなイメージです
----------
■ HTML
<div class="sample1">
・・・←ここは透過
<div class="sample2">
・・・←ここは透過にしたくない
</div>
・・・
</div>

■ CSS
.sample1 {
・・・
opacity: 0.6; ←火狐他用
filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60); ←IE用
}
.sample2 {
ここに記述する内容が知りたい
}
----------

やってみてダメだった方法
・opacity: 1
・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
・filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=0,Style=0,Opacity=60);
・sample2に新しい背景色を指定する
・sample2に新しい背景画像を指定する

ご存知の方いましたら、よろしくお願いします!

透過背景を解除するにはどうすればいいのでしょうか?

filterとopacityを使って背景色を透過したdivがあります
このdivの一部で透過を解除したいのですがどうすればいいのでしょうか?

コードは以下のようなイメージです
----------
■ HTML
<div class="sample1">
・・・←ここは透過
<div class="sample2">
・・・←ここは透過にしたくない
</div>
・・・
</div>

■ CSS
.sample1 {
・・・
opacity: 0.6; ←火狐他用
filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60)...続きを読む

Aベストアンサー

モダンブラウザへの指定はopacityじゃなくてbackground-colorをrgbaで指定すればできるのではないでしょうか。


人気Q&Aランキング

おすすめ情報