選択した色の周りにパレット/配色を構築するのに役立つリソースまたはツールはありますか？
回答:
原色と二次色、補色などの少なくとも一般的な原則を理解するには、色理論の優れた本を読む必要があります。そうしないと、いくつかのパレット選択の重要性が得られません。
現時点で私のお気に入りの1つは、AdobeのKulerです。また、以前言及したhttp://colorschemedesigner.com/を使用していました。
色の関連性により、異なる背景の色が異なって見えるように感じる同時および連続コントラストについて簡単に読むことをお勧めします。
あなたが私に尋ねなかったとしても、私はウェブサイトの色が読みやすさのために良いコントラストを持っていることをチェックするために手元にあることをお勧めします私はこれを使用します：http : //graybit.com/main.php
そこにはたくさんありますが、ここに私のお気に入りの発電機のいくつかがあります。リストされているほとんどの場合、指定したように独自の色で入力できます。
- ColorFavs-画像のパレット、および他の画像のパレットと色のギャラリー
- Pictaculous- 画像からのパレット（反対は色からの画像です）
- ColorKitty-画像のパレット
- Cohesive Colors-古いパレットとカラーオーバーレイによって形成された新しいパレット
- Color Lovers-色または組み合わせに基づいたパレット
- 便利な色 -名前付きの色のパレット（テストに便利）といくつかの既成のパレット
- Picular-検索語の色
- ColorBox -Lyftによるジェネレーター
- データカラーピッカー -ジェネレーター（「データの視覚化専用」）
- Colormind -UIを使用して色を表示するジェネレーター
- Palx-ジェネレーター（「UI専用」）
- Geenes-ジェネレーター
- Color by HailPixel-ジェネレーター
- ColourCo.de-ジェネレーター
- Adobe Color CC-ジェネレーター
- 冷却器-発電機
- パレットアプリ -ジェネレーター
- 色の供給 -2色パレットの生成
人気のブランドのものを含め、事前に作成されたパレットを提供するサイトもあります
- Googleのマテリアルパレットジェネレーター -デザインガイドラインに従ってマテリアルカラーテンプレートを生成（まあ、近い）
- 色合いUI-ブランドカラーパレット
- ブランドカラー -ブランドカラー
- Culrs-色の種類に基づいて選択されたパレット
- Poke Palettes-ポケモンに基づいたパレット
- カラーリープ -期間に基づいたパレット
- Found Color-キュレーションされた写真のパレット
- The Day's Color-毎日新しいパレット
- ミニマリストカラーパレット -厳選されたさまざまなパレット
- lolcolors-事前に選択されたパレット
- ウェブサイトの配色 -形容詞の説明付きの配色
- 色 -コンピューター生成パレット
- カラーハント -複数のパレットを毎日
グラデーションの組み合わせを提供するサイトもいくつかあり、これらから色コードを取得できます。
- CSSGradient-勾配ジェネレーター
- uiGradients-おそらく私のお気に入りのグラデーションサイト
- グラビエント
- Webgradients
- エッグラジエント
- Colorffy -3色のグラデーション
- カラーデザイナー
- 勾配魔法
または、AIカラーホイールを使用して、AIにいくつかの色を選択させることもできます。
それでも何らかの方法でカラーパレットが見つからない場合、このリポジトリには追加のリソースがあります。
また、最適なコントラストを得るために、混合する色（通常は上記のグラデーションの上）を検討する際に、ここから抜粋した以下のチャートもご覧ください。
Photoshop CS5には、 これを行うKulerと呼ばれる拡張機能があります。
メニューからアクセスできます。Window / Extensions / Kuler またはWebサイトhttp://kuler.adobe.com/
何よりもまず、HSBカラーモデルに精通してください。HSBは次の方法で色を定義します。
- 色相：虹のような色を選択します（度単位）。
- 彩度：追加される白の量の逆数（パーセント）。
- 明るさ：追加される黒の量の逆数（パーセント単位）。
経験則としては、既存のブランドカラーをサンプリングして、Hue値を決定することをお勧めします。最初に、これらのH値に固執し、S値とB値の変更を開始します。これにより、ほぼ定義上、既存の色とうまく調和する色が作成されます。
本当に、本当に対照的な色が必要で、唯一の方法が異なるH値を使用することである場合、まず既存の色のH値がどのように関連しているかを判断してみてください。その後、その関係に基づいて新しい色相を作成できます。
2つの色は180度離れていますか？次に、どちらかに90°を追加して、3番目の色相を作成します。40°離れていますか？カラー値の1つに40°を加算するか、もう1つから40°を減算して、アナログカラー設定を取得します。または、2つのH値の平均を取り、結果を反転（180°の加算または減算、360未満の正の数値が得られる方）して、補色の分割設定を作成します。
次に、新しい色相のS値とB値をいじり始めます。
一歩後退することを忘れないでください。そして、結果が期待通りでない場合は、計算したH値を調整してください。正確に計算されたH値は優れていますが、単なるツールにすぎません。見た目を良くするために、物事を編集することをためらわないでください。
colourlovers.comは、配色を構築するための非常に有用なリソースであることがわかりました。しかし、デザインを改善するためのツールとしてコントラストとハーモニーを使用するより良いアイデアが必要な場合は、色理論を読む必要があります。個人的には、Wucious Wungのカラーデザインの原則とJosef Albersのカラーの相互作用が好きでした
色の理論に関する3部構成シリーズの第3部は、この質問に直接適用されます。
カラーホイールに基づいて独自のカラースキームを選択するための優れた説明。（このstackexchangeの質問から取られた）
カラーパレットを作成するためのすばらしいツールの1つは、隠された逸品であると信じていますが、Adobe Capture CCです。Adobe Liveストリームイベントを見ているときに発見しました。
これは、iOSとAndroidの両方で使用できる無料アプリで、カメラで撮影した写真のカラーパレットを自動的に生成します。
公園を散歩したり、博物館を訪れたり、色彩豊かな印象的な光景に出会ったりするだけで、数分でカラーパレットを手に入れることができます。
このアプリでは、紙のスケッチを直接ベクトルに変換することもできます。あなたはそれを紙に描き、写真を撮って出来上がります。ペンツールを使用した画像のインポートやトレースはもう必要ありません。
ぜひチェックしてみてください！
色を選ぶときに私が役に立つと思ったいくつかのリソースを以下にリストします。
AIとColormind： AIと「良い」デザイン/アートワーク/プリントの大きなサンプルを使用して、色の組み合わせを生成するツール。また、独自の色を提供し、補色を生成することもできます。http://colormind.io/
構造化ルール： HSBおよび他のアプローチ/理論に関する他の多くの良い答え。このページは、それを行う方法に関する明確なルールと良い結果で突き刺します。https://tallys.github.io/color-theory/
http://colorsupplyyy.comを確認することをお勧めします。これは色生成に適したツールであり、世界中の最高のデザイナーのカラーパレットを使用しています。
