Pixpa の高度なカラーカスタマイズ ツールを使用すると、セクションやテキストに単色、線形グラデーション、放射状グラデーションを適用して、Web サイトの視覚的な魅力を高めることができます。
これにより、サイトの背景、見出し、段落テキストをデザインする際に、高度なクリエイティブコントロールが可能になります。
ここで扱われる内容：
- カラーパネルへのアクセス
- カラータイプオプション
- 勾配停止
- 回転スライダー
- 放射状グラデーションシェイプオプション
- カラーピッカーと16進コード入力
- 不透明度スライダー
- カラーオプションを使用できる場所
カラーパネルへのアクセス
- 編集したいセクションにカーソルを合わせてクリックします セクション編集 （1）オプション
- 下 色 タブを開くと、背景色、見出しテキストの色、段落テキストの色を変更するオプションが表示されます。
- 以下を行うには、 カスタムカラー (2) 編集したい要素の横にあるオプション。
- 新しい ポップアップが開きます ここから、選択した要素の色をカスタマイズできます。
カラータイプオプション
カラーパネルの上部に、次の 3 つのオプションが表示されます。
- 固体： 選択した領域に単色の均一な色を適用します。これは、一貫性のあるカラーブロックを求めるユーザーにとってシンプルで使いやすいオプションです。
- 線形勾配: 直線に沿って2色以上の色を段階的にブレンドします。回転スライダーを使ってグラデーションの方向を制御できます。
- 放射状グラデーション: 中心点から放射状に広がる円形のカラートランジションを作成します。スポットライトのような効果や、特定の領域に注目を集めるのに最適です。
勾配停止
どちらかを選択すると 線形 or 放射状グラデーション、グラデーション ストップを管理できる水平カラー バーが表示されます。
- 各 グラデーションストップ (液滴アイコンで表されます) は、グラデーション内のカラー ポイントをマークします。
- ストップをクリックすると、カラー ピッカーを使用するか、16 進コードを入力して色を変更できます。
- また、ご購読はいつでも停止することが可能です 複数の停留所を追加 スムーズなマルチカラートランジションを作成します。
- クリック 小さな「x」アイコン 停止して削除します。
回転スライダー（線形グラデーションのみ）
線形グラデーションの場合は、回転スライダーを使ってグラデーションの角度を変更します。これにより、色の方向を水平（0°）から垂直（90°）まで、または最大360°までの任意の角度に回転できます。
- スライダーを動かすと、グラデーションのプレビューがリアルタイムで調整されます。
- 現在の角度はスライダーの横にある数値フィールドに表示されます (例: 270°)。
放射状グラデーションシェイプオプション
選択したとき 放射状グラデーション （1）グラデーションプレビューの下にXNUMXつのシェイプオプションが表示されます。
- 楕円： 水平方向または垂直方向に伸縮する、細長い放射状グラデーションを作成します。グラデーションの適用範囲が広い場合や、非対称なデザインに適しています。
- サークル： 中心（または選択した焦点）から放射状に広がる、完璧な円形のグラデーションを作成します。スポットライトのような背景や、中心となる要素に視線を誘導したい場合に最適です。
カラーピッカーと16進コード入力
単色で作業する場合でも、個別のグラデーション ストップで作業する場合でも、次のようになります。
- カラーピッカー 視覚的に色を選択します。
- または、 16進カラーコード 正確な色の制御を行うには手動で指定します (例: #c14dff)。
グラデーションを使用している場合は、ストップを選択すると、このツールを使用して特定の色を定義できます。
不透明度スライダー
パネルの下部には、不透明度を制御するスライダーがあります。
- 選択したカラーまたはグラデーション ストップの透明度レベルを設定します。
- 値が 1 の場合は完全に不透明、値が 0 の場合は完全に透明になります。
これは、レイヤー化された視覚効果やソフトな背景オーバーレイを作成する場合に便利です。
これらのカラーオプションを使用できる場所
これらの高度なカラー ツールは、次の領域で使用できます。
- セクションの背景
- 見出しテキスト
- 段落テキスト
各領域には独自のカラータブがあるため、さまざまなコンポーネントを個別にスタイル設定して、視覚的な柔軟性を高めることができます。