写真からカラーパレットを識別する

写真や画像をもとにした自動カラーマッチング。

画像をアップロードし、10原色のパターンを定義して、Webページ上でどのようにマッチするかを確認します。
パレット全体を画像としてダウンロードすることができます。

画像をドラッグするか、ボタンを押す
www.gradients.app — pick colors from image
{{ color.hex }}

アクセント

パレットの明るい色は、重要なディテールを強調し、注目を集めます。 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}
#{{color}}

文字色と背景色のマッチングをお手伝いします

コントラストカラーで、 あなたのコンテンツはもっと良くなる 🤩

ミュート

アラート、情報カードなどのユニットに適しています。 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

背景や基材に最適 😺

#{{color}}

ダーク

テキストや見出しに使用可能 📝

#{{color}}

オポジット

カラーパレットの裏面。配色とのコントラストが良い。 🦇

#{{invertColor(getColor(1))}}
#{{invertColor(getColor(2))}}
#{{invertColor(getColor(3))}}
#{{invertColor(getColor(4))}}
#{{invertColor(getColor(5))}}
#{{invertColor(getColor(6))}}
#{{invertColor(getColor(7))}}
#{{invertColor(getColor(8))}}
#{{invertColor(getColor(9))}}
#{{invertColor(getColor(10))}}

ツール

こんにちは、
お久しぶりです。

パスワードをお忘れの方

登録時に使用したEメールアドレスを入力すると、パスワードの変更方法をお知らせします。

新規アカウント登録

パスワードが一致しない

メッシュグラデーションをご覧ください

メッシュグラデーションジェネレーターと新しいメッシュライブラリを追加しました。これにより、美しい抽象的なグラデーションを作成し、ダウンロードし、そのCSSコードをコピーし、個人ダッシュボードに保存し、公共ライブラリに追加できます。

近日中に放射状グラデーションジェネレーターを追加します!

メッシュグラデーション