カラーパレットを使いこなそう！ジンドゥーでの設定のコツ

文字の色を変えたいとき、背景色を設定したいときなど、さまざまな場面で登場するのが「カラーパレット」です。色を変更する機能は使ったことがある方も多いと思いますが、実はあまり知られていない便利な使い方がありますので、ぜひ覚えてくださいね。

カラーパレットの中から同じ色を見つけるのに苦労したことがある方、色にも番号があるのをご存知ですか？それを使えば、統一感のある色合いでのホームページ編集が可能ですよ。

カラーパレットの⑥番では、カラーコードを指定して色を設定することができます。カラーコードの見方は次の通りです。

（250,122,10)のように 3 つの数字が表示されていますが、左から (Red)、緑 (Green)、青 (Blue) を表します。数字が大きいほど、その色を多く使っているということになり、数字が少なくなると黒に近づきます。0～255 の間で指定することができます。

(0, 0, 0) は黒、(255, 255, 255) は白、(255, 0, 0) は赤、(0, 255, 0) は緑、(0, 0, 255) は青です。

カラーパレットが登場するのは以下の通りです。

スタイル機能を使用する際、「詳細設定」をオンにした状態で、ペンキを塗る刷毛のマークになったマウスカーソルを合わせ、青い枠が表示されるところが、設定可能な箇所です。そのうち、以下がカラーパレットが表示される機能になります。

※レイアウトによって異なることがあります。

※スタイル機能についてはこちらの記事「スタイル機能を活用しよう」で詳しく説明しています。

▼ページタイトル

▼ナビゲーションのバー

▼ナビゲーションボタン

▼見出し（大、中、小）

▼本文、フッターのテキストカラー

▼リンクカラー、フッターのリンクカラー

▼水平線

「スタイル」⇒「背景」の画面を開いているところです。背景機能のカラーパレットは、機能が少なくなっています。

背景機能のカラーパレットには「カラーチップ」、「最近使ったカラー」、「透明度」の設定機能がありません。

「文章」機能を使用しているところです。「...」の青いボタンをクリックしましょう。

「テキストカラー選択」ボタンが表示されるので、クリックします。

文字色を変えるためのカラーパレットが表示されました。

文字色変更のカラーパレットはスタイル機能のものとほとんど同じですが「透明度」を変えるスライダーと「最近使ったカラー」の設定機能がありません。

透明度の設定は、カラーパレットが表示されるさまざまな場面で使うことができますが、コンテンツの背景色設定で使用すると、雰囲気を変えることができます。

1) ログイン後、右のツールバーから「スタイル」をクリックします。

2）刷毛状のマウスカーソルを、コンテンツの背景部分に合わせて、クリックします。

3）設定画面が表示されますので、カラーパレットを表示させ、背景色の透明度を変更します。

4）背景が透けて、雰囲気が変わりました。サンプルでは、透明度を 55 ％に設定しています。

カラーパレットの透明度設定、使ってみてくださいね。

※この操作説明のサンプルでは背景色の透明度を変えたことがわかりやすいようにホームページの背景に画像を設定しています。

背景画像の設定については「背景画像を活用しよう」で詳しく説明しています。

カラーパレットは、色を変更できるさまざまな場面で登場しますので、ぜひ基本の使い方を覚えておいてくださいね。特に背景を透明にする手法は、オシャレな雰囲気を演出するのに役立ちますので、活用してみてください。