メインコンテンツまでスキップ

イメージカラーピッカー

Figmaのカラーピッカーツールを使用して、任意の画像からカスタムカラーパレットを作成しましょう。画像をアップロードするか、ギャラリーから選択するだけで、HEX、RGB、HSB、HSLのカラーコードで利用可能なインスピレーションをもらえるカラースキームが表示されます。

アップロードされたアセット
ヒント
スウォッチをドラッグしてパレットの色を編集します

ここに画像をドラッグアンドドロップするか、次で画像を貼り付けてください:  + V

画像をアップロードすることにより、当社のサービス利用規約およびプライバシーポリシーに同意いただくものとします。

ここに画像をドロップします。

PNG、JPEG、GIFがサポートされています。

インスピレーションをお探しですか?

これらのサンプル画像のいずれかをお試しください。

スライド1 / 5

簡単にデザインに色を適用

Figmaのカラーピッカーを使うと、画像から任意の色相を抽出し、即座にデザインに追加することができます。Figmaでパレットを開き、数クリックでグラデーションを作成したり、色の調和を保ったり、カスタムカラースキームを構築したりしましょう。

カラーピッカーで簡単にデザインに色を適用カラーピッカーで簡単にデザインに色を適用
このカラーピッカーを使用して、生成されたパレットで時間を節約しましょう。このカラーピッカーを使用して、生成されたパレットで時間を節約しましょう。

生成されたパレットで時間を節約

任意の画像をアップロードすると、Figmaのカラーピッカーが自動的にパレットを生成します。デザイン全体でパレットを使用したり、新しい色の組み合わせを簡単に試したりすることができます。

よくある質問

参照を続ける

カラーホイールカラーホイール

カラースキームを参照する

Figmaのカラーホイールを使用して、完璧なバランスを探り、魅力的なカラースキームを作成しましょう。

カラーホイールを参照する

色の意味色の意味

色の意味を探る

色が象徴するものや組み合わせ、歴史について詳しくご覧ください。

色の詳細を見る

デザインの基礎デザインの基礎

デザインの基礎

基本を学んでデザインを始めましょう。

デザインの基礎に関する詳細

画像をアップロードすることにより、当社のサービス利用規約およびプライバシーポリシーに同意いただくものとします。