カラーピッカーの使い方

適切な色を選ぶことは、デザインの一貫性を保つ上で重要な要素です。GemPagesでは、 カラーピッカー このツールを使えば、画面上のどこからでも色を選択できます。同じモニターで開いている他のウィンドウからでも選択可能です。

この機能はFigmaなどのデザインソフトウェアのツールと同様に機能し、さまざまな要素、画像、またはブランド素材間で色を簡単に合わせることができます。

カラーピッカーはいつ使用すべきですか？

カラーピッカーは特に次のような場合に便利です。

• 画像の色を一致させたい
• ロゴのブランドカラーを使用する必要があります
• ページ全体で一貫した色を使いたい
• あなたは別のウェブサイトまたはデザインファイルから色をコピーしています
• 色コードを手動で入力することは避けたい

例えば、見出しのテキストをロゴ画像の色に合わせたい場合は、16進数コードを推測する代わりに、色を直接選択するだけで済みます。

カラーピッカーの使い方

この例では、 見出し要素 カラーピッカーを使用します。

ステップ1：色を変更したい要素を選択します

エディターキャンバスから：

• 以下を行うには、 見出し要素 更新したい
• 正しい要素が選択されていることを確認してください

選択すると、要素の設定が左側のパネルに表示されます。

ステップ2：カラー設定を開き、カラーピッカーアイコンを選択します。

要素設定の内部：

• 見つける 色圏 オプション
• クリックしてカラー設定を開きます
• クリック カラーピッカーアイコン

アイコンをクリックすると、カーソルが色選択ツールに変わります。

ステップ3：画面上の任意の場所から色を選択します。

カーソルを画面上の任意の表示領域に移動してください。

色は以下から選べます：

• ページ内の画像
• ロゴ
• その他のブラウザタブ
• 設計ファイル
• 同じモニター上の開いているウィンドウ

使用したい色をクリックしてください。

選択した色は、要素にすぐに適用されます。

色を選択した後：

• 新しい色は自動的に適用されます
• 追加の手順は必要ありません

編集を続けることも、他の要素に対しても同じ手順を繰り返すこともできます。