web-dev-qa-db-ja.com

24色に理想的なカラーパレット?

私は単に楽しみのためにシンプルな共同ホワイトボードアプリを作成していて、元々すべての色を備えたカラーピッカーを持っていましたが、私が示した数人の友人もそれは多すぎると言い、アーティストではなく、16だけあれば好むと言いましたまたは彼らが選ぶことができる24の「良い」色。

私は このページ を見つけて最適な16色のパレットを見つけましたが、これでも、オンラインペイントアプリには必ずしも理想的ではないと思います(おそらくそれらのいくつかには、より彩度の高い/明るい色が必要でしょう)。また、24色になります。

私はあなたが絶対に必要だと思いますblack, grey, white, red, blue, green, yellow, orange, brown, purple, pink Wadが示唆しているように、以前はそれぞれの色合いを変えるだけだと思っていましたが、私はアーティストでも色理論の専門家でもないので、ググリングした後でも、このようなパレットを正確に思いつく方法はわかりません。

ユーザーが「このオブジェクトにこの色があったらいいのに」と思わずに、好きなものをほぼ何でもペイントできる24色の良いパレットは何でしょうか。

4
Laura Henry

enter image description here

24-pack Crayola Crayons にある24色を使用します。

赤、黄、青、茶色、オレンジ、緑、紫、黒、カーネーションピンク、黄色オレンジ、青緑、赤紫、赤オレンジ、黄緑、青紫、白、紫赤、タンポポ、セルリアン、アプリコット、緋色、グリーンイエロー、インディゴ、グレー

私はある種の研究が彼らがそのパックに入れることができる最もよく使われる色を得ることに行ったと確信しています。

このリンクを使用して、すべてのクレヨラクレヨンの HTMLカラーコードを取得できます

11
DasBeasto

あなたはどの24色を使用するかを尋ねていますが、もっと大きな問題は「そもそも提供するのに理想的な色の数はありますか?」

IPadでいくつかのスケッチアプリを見ると、それらが非常に限られたパレットを使用していることがわかります。

たとえば、用紙には7色のパレットがあります

enter image description here

確かに、Paperには異なるパレットがたくさん付いていますが、ここでの重要なポイントは、少なくともスケッチでは、ある程度の快適さがあるということです。ほんの一握りの色の定義済みセット。

Bamboo Paper (私のお気に入りの1つ)にも限られたパレットがあります。

enter image description here

これらは、ほとんどの人がスケッチやマーカーやペンでワイヤーフレームを作成するとき、セットが限られている傾向があるという事実に基づいている可能性があります。スケッチの全体のポイントは、アイデアをできるだけ早く「紙」の上に乗せることなので、これには十分な理由があります。何十もの色のうちどれをつかむかを考えるのをやめるのは、6程度のナイスソリッドセットを持っているよりもはるかに遅くなります。

enter image description here

enter image description here

結論として、ホワイトボードアプリの場合もcollaborativeの場合、24よりもはるかに限定されたカラーパレットを推奨します...また、次の理由により、それを6〜8に近い値に制限することをお勧めします。

  • スケッチアプリです。速度が重要なので、選択するセットを小さくして、カラーのピッキングを速くします。
  • 共同作業です。 「青」のマーカーをつかむ必要がある場合は、6つの青の濃淡ではなく、青のマーカーが1つだけなければなりません。
  • 色が少ないということは、それらをa)より際立たせ、b)よりまとまりのあるものにできることを意味します。

制限が多すぎると感じた場合は、6色を好きなようにカスタマイズできるオプションを提供できますが、描画時に選択する色のセットが非常に限られるようにプッシュします。

7
DA01

最適なパレットは、アプリケーションの正確な性質に大きく依存します。小さな子供向けの描画アプリは、科学的なコラボレーションアプリとは異なり、わずかに多くの色が必要になります。質問は、色が単色になるかどうか、それらがすべての種類の仮想ツール(ペン、ブラシ、マーカー、鉛筆、クレヨン、背景、境界線、テキストなど)に適用されるかどうかを示しません。

あなたは人々がおそらく何を描くかペイントするのが好きで、どのコンテキストカラーがそのために必要になるかを検討したいかもしれません。たぶん、実際の色ではなく、いくつかの色の効果が含まれます。 キラキラ、スパークル、シャイン、半透明、不透明、パステル、ネオン、柔らかく、スミア、スプレー、カモフラージュ、インバース、レインボー…このように、ユーザーキャンバス上で直感的に色を混ぜて、必要なブレンドを作成できる場合があります。

そうは言っても、物理的な筆記、スケッチ、ハイライトツールで見られるいくつかの一般的な(無地)色の構成リストは次のとおりです。

  • 鉛筆:無煙炭/石炭
  • 5つのクラシックペン:ブラック、ネイビー、ブルー、レッド、グリーン
  • 6ネオン蛍光ペン:黄色、オレンジ、マゼンタ/フクシア、ライム、シアン、バイオレット
  • 4つの金属ゲルペン:ブロンズ、シルバー、ゴールド、ピンク
  • 2つのゴム:白、灰色
  • 6つのパステルブラシ:ピーチ、ライラック、サーモン、アイボリー、チーク、ミント

他のシナリオではセマンティックカラーを使用できます。 テキスト/フォアグラウンド、バックグラウンド/キャンバス、強調、ハイライト、解説、パレットを切り替えることで瞬時に変更できます。

2
Crissov

黒、灰色、白、赤、青、緑、黄色、オレンジ、茶色、紫、ピンクが絶対に必要な図

これは、色理論に基づいたカラーオプションに対する私の提案です。この方法を使用する場合、ベースセットを選択すると、最低24色が残るはずです。

  1. 基本色を設定します:これらは基本色であり、赤、オレンジ、黄色、緑、青、紫の順序である必要があります。このベースカラーグループはあなたの色合いです-原色と補色の混合。基本的なカラー値とは別に、白黒を常に使用できる必要があります。

  2. 白と黒を追加します:次に、ティントとシェードを追加して、色の量を3倍にします。色合いは、色+白、または明るい色です。色合いは、色+黒、または暗い色です。各色に白と黒の3つのレベルを作成するか、単純に各色またはすべての色の白または黒の量をセットとして増減できるようにすることができます。これが明確でない場合は、Googleで色合いと色合いを検索してください。

  3. グレーを追加します:次に、色相を取り、白と黒を等量混合します。これらはあなたのトーンです。 (追加する白から黒の量に応じて異なる色合いと色合いを得ることができるのと同じように、白と黒を等しく追加しなければ、灰色でも同じ結果が得られることに注意してください。)これが明確でない場合は、 Googleで色合い、色調、色合いを検索します。

このポイントをたどっていれば、各基本色に対して1つの色相、1つの色合い、1つの色合い、および1つの色調を提供するだけで、色は4倍以上の24になります。

  1. 茶色の場合:茶色はさまざまな色の混合なので、最終的な色は、どの色を混ぜるかによって異なります。茶色を実現する1つの方法は、3つの原色すべて(赤、黄、青)を均等に混合して茶色を作成することです。デジタル的には、ユーザーが茶色のセットを選択できるようにしたり、色を混ぜて独自の色を作成したりすることができます。 このwikihowページは、茶色を作成するために色を混合することを示しています。

さらに多くの色を取得する方法:基本色を変更して、すべてを黄色、青、または赤にするなど、など、この変更はすべての色相、ティント、トーン、シェードに影響します。したがって、潜在的には、ベースセットを24 *にすることもできます。

不透明度:アルファレベル(不透明度)を変更する機能を提供すると、ユーザーにさらに多くの色とレイヤーのオプションが提供される可能性があります。

お役に立てて幸いです。これがお役に立てば幸いです。こちらは、カラーホイール(ベースの色相)、色合い、色合い、トーンを説明する素敵な小さなサイトです。 http://www.craftsy.com/blog/2013/05/hues-tints-tones-and-shades/

ただし、一般的なコメントとして、この質問の内容はUX.stackexchangeよりもgraphicdesign.stackexchangeに適していると感じています。なぜなら、グラフィックデザイナーは専門的にUXデザイナーよりも色を扱うからです。

2
user70848

実際の画家/スケッチャーとして、ここで12/24色相だけでユーザーのすべての可能なニーズをカバーするというあなたの目標は現実的ではないと思います。 128色の大きな色鉛筆セットでも、一部の色が欠けており、ほとんど使用されていない色が多すぎます。

プロのアーティストは、トピックとスタイルに応じて6〜12の色合いを選択して、独自のパレットを手動でコンパイルすることを好みます。 Faber-Castell/Copicのような企業は、さまざまな種類の作業(工業スケッチ、ファッションスケッチ、風景画など)に対応する6〜10のペンキ/鉛筆/マーカーの個別のセットを発行しています。たとえば、工業用スケッチのセットには、コールドグレーの3つのシェード、ウォームグレーの2つのシェード、ブルーの3つのシェード、およびいくつかの暖かいトーンが含まれます。自然/風景画家のためのセットは、主に緑と地球の色調に焦点を当てます。ダイアグラムとチャートのホワイトボードパレットも、これとはまったく異なります。

だからパレットを絞り込むのに役立つものは

  1. アプリのユーザーが誰で、何にパレットが必要かを決定します。

  2. 次に、既存のソリューションからインスピレーションを得て、Color.Adobe.comやPaletton.comなどのツールを使用できます。

  3. 次に、color.Adobe.comで5のパレットを選択したので、それをIllustratorに挿入して展開するか、ColorPickingToolなどのハックを使用して、調和のとれた組み合わせの写真からパレットを派生させます。

1
Zoe K

さてここにある!あなたの投稿を見つけた後、いくつかの例をGoogle検索で確認することにしました。これは私が見つけたものです。

24 Slot Color Palette

にあります: http://www.clker.com/clipart-24-color-palette.html

色相「ホイール」は、カラースペクトルの360°です。それを24のセクションに分割すると、各選択肢の間で15°の変化が得られます。

個人的には、色は隣人同士を近づけてタンデムに使う方法だと思いますが、あなたが探しているものの中で一番いい例だと思います。

パレット2:

これは、黒から白のオプションと50%の輝度の選択肢を持つ10色の選択肢を備えたカラーパレットです。

black and white - 10 color palette - normal and dark variants

30度の色相(360度/ 12)で区切られた色に基づいています。色と強度の分離を増やすことで、色の多様性を高めます。

以下は、より暗い色で、白い背景により適した別のリビジョンで、中間の緑/シアン色を茶色の選択に置き換えます。

パレット3:

24 color palette with brown added

これが最新のカラーパレットのコンセプトです。茶色が含まれており、次の2つの画像が示すように、白い背景に対して視覚的に認識できる暗い色調を備えています。

color palette cells against white

small color palette cells against white

ご覧のとおり、各色は視覚的に白から際立っています。パレットの白いセルは、黒の領域や別の色の1つに書き込むなど、役立つ場合もありますが、白の有用性を損なわないでください。これは、ほとんどの状況でカラーの使用例をカバーするはずです。

編集:

4色少ない新しい色を追加しました。白に最適化されたシアンのオプションはいいと思います、ベイビーブルーを殺さなければならず、そしてマゼンタの色相を取り除くことになりました。

20 piece color palette

1