header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wixエディタ:サイト上で色の HEX、RGB、HSB 値を見つける

2分
サイトの正確なカラーコード(HEX、RGB、HSV 値)を確認し、必要に応じて再利用することで、カラー管理を簡素化します。カラーコードはエディタですぐに利用でき、洗練されたプロフェッショナルなデザインを作成するのに役立ちます。
色見本が表示されている「カラーテーマを編集」パネルのスクリーンショット。
ヒント:
Wix では色の CMYK 値は提供していませんが、HEX、RGB、HSB 値を CMYK 値に変換できる外部ツールが豊富に存在します。

ストリップまたはページ背景の HEX、RGB、HSB 値を表示する

推測せずに、ストリップまたはページ背景の色の値をすばやく特定することができます。

サイトで色の HEX、RGB、HSB 値を表示する方法:

  1. エディタに移動します
  2. 該当するページに移動します。
  3. 確認したい背景に応じて、次の手順に従います:
    • ページ:
      1. エディタ左側の「サイトデザイン をクリックします。
      2. ページ背景」をクリックします。
      3. 」をクリックします。
    • ストリップ:
      1. ページ上のストリップを選択します。
      2. 背景を変更」をクリックします。
      3. 単色」をクリックします。
  4. 該当する色にマウスオーバーし、パネル下部の数字を確認します。
ページ背景カラーピッカー

テーマカラーの HEX、RGB、HSB 値を確認する

サイト全体でカラーテーマを管理して、訪問者に鮮やかな視覚体験を提供します。

特定のテーマカラーの HEX、RGB、HSB 値を表示する方法:

  1. エディタに移動します
  2. 該当するページに移動します。
  3. エディタ左側の「サイトデザイン をクリックします。
  4. ページ背景」をクリックします。
  5. 単色」をクリックします。
  6. テーマカラー」横の「編集」をクリックします。
  7. 該当する「ベースカラー」または「アクセントカラー」にマウスオーバーし、「カラーを編集」をクリックします。
  8. カラーサークルをクリックして、HEX、RGB、HSB 値を表示します。
Wix エディタの「カラーテーマを編集」パネルのスクリーンショット。