AI画像からのカラーパレットジェネレーター 🎨

三枚の写真、三つのパレット

ここに並ぶのは、このページがそれぞれの写真から実際に取り出した五色です。あなたが写真をアップロードしたときに走るのと同じ処理の結果です。全体を一色に平均するのではなく、写真の雰囲気を残しているのが分かります。

• 

  #bcc650 #8f9c57 #445e25 #384723 #e4ec8c

  深さの違う四つの緑と、明るいハイライトが一つ。風景写真はたいていこうなります。色相は一つ、明度が複数という構成です。背景や区切りには向きますが、アクセントが欲しいときには物足りません。

• 

  #be104c #a49c64 #a4063a #930534 #fc8ab4

  主役がはっきりした接写は、より強く使いやすいパレットになります。深いピンクが二つ、明るいピンクのハイライト、そして茎から取られた落ち着いたオリーブ。このオリーブがアクセントとして働きます。

• 

  #f69006 #955703 #963f06 #140c0c #fccc73

  強い光源があるとパレットは暖かいオレンジに寄り、シルエットからほぼ黒が拾われます。この黒に近い色が重要で、ほかの色となじむ文字色や細部の色として使えます。

色の選ばれ方

このページはピクセルを単純に平均しません。まとめて分類し、鮮やか・くすみ・暗く鮮やか・暗くくすみ・明るく鮮やか・明るくくすみという六つの役割から代表色を選び、互いに異なる最初の五色を残します。だから緑ばかりの写真でも、ほとんど同じ緑が五つ並ぶのではなく、使える幅のある組み合わせが返ってきます。

すべての処理はブラウザーの中で行われます。画像はローカルで読み込まれ、パレットはあなたの端末で計算されます。パレットを保存すると決めない限り、何もアップロードされません。

写真からよいパレットを取り出すコツ

• まず主役に合わせて切り抜きましょう。空や壁が大きく写っていると、その部分に不相応な重みがかかります。
• 主役がはっきりした写真のほうが、情報の多い風景より有利です。花や建物、料理の接写は、混み合った街角より澄んだパレットになります。
• 強いフィルターは全体を一つの色相に寄せ、結果を平板にします。できればもとの写真を使ってください。
• 文字に使う前に、取り出した色同士の関係を確認しましょう。写真から取ったパレットは出発点であって、読みやすさが保証された組み合わせではありません。