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

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

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

画像をドラッグするか、ボタンを押す

www.gradients.app — pick colors from image

アクセント

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

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}

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

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

言葉

{{sameitem.contrast}}:1

ミュート

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

#{{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))}}

ツール

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

WOW! 🤩

オンラインで写真からパレットを作成する

アクセント

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

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

ミュート

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

光

ダーク

オポジット

ツール

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

WOW! 🤩

オンラインで写真からパレットを作成する

アクセント

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

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

ミュート

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

光

ダーク

オポジット

ツール

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

パスワードをお忘れの方

新規アカウント登録

プロジェクトに協力する

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

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