| ビルダーとエレメンツ（１０） |
| ビルダーの背景色をエレメンツに反映する |
| オリジナルの蓮の花 |
 |
| 写真（１） |
| 写真（１）は、オリジナルの蓮の花です。 （１）この写真を見て、背景色を考えます。 |
|
|
| 「色の作成」の画面 |
 |
| 写真（２） |
| 写真（２）は、「色の作成」の画面です。 （１）ビルダーでページ１（01.htm）を作成します。 （２）ビルダー上の「編集」→「文書のプロパティ」→「背景/テキスト色」→「色の作成」をクリックします。 （３）虹色の中から@の部分をクリック→濃淡のAの部分をクリックする。 （４）赤（R）は「１４８」、緑（G）は「２０３」、青（U）は「２４３」です。メモしましょう。 |
|
|
| 色の三原色（RGB） |
 |
| 写真（３） |
| 写真（３）は、色の三原色（RGB）です。 （１）赤（Red）・緑（Green）・青（Blue）を色の三原色といいます。RGBで７色を表現できます。 （２）しかし、ビルダーに色の作成の（４）では青を「U」と表現します。どうしてでしょうか。 （３）青は「ＢＬＵＥ」、黒は「ＢＬＡＣＫ」です。最初と２文字目も同じ「BL」です。そこで、三文字目をとって「U」となったと言われています。 |
|
|
| ビルダーで作成された背景色 |
 |
| 写真（４） |
| 写真（４）は、ビルダーで作成された背景色です。 |
|
|
| ビルダーの色をエレメンツに反映 |
 |
| 写真（５） |
| 写真（５）は、ビルダーの色をエレメンツに反映しています。 （１）赤（R）は「１４８」、緑（G）は「２０３」、青（U）は「２４３」と入力します。 （２）「描画色の設定」がビルダーの色になりました。 |
|
|
| ビルダーの色をエレメンツに反映 |
 |
| 写真（６） |
| 写真（６）は、ビルダーの背景色をエレメンツに反映しています。 （１）「塗りつぶしツール」で背景をクリックします。 |
|
|
| ビルダーとエレメンツ写真の融合 |
 |
| 写真（７） |
| 写真（７）は、ビルダー画面にエレメンツで作成した写真を取り込んでいます。 |
写真（７）のブラウザ画面 |