40の無料の配色とパレットアプリ(大規模ガイド)
色の選択は、スマートな思考と直感の両方を必要とする設計プロセスの段階です。今日のデジタル時代では、好きなだけ色と色の組み合わせを使用できます。
人間の目は一度に何百万もの異なる色を見ることができます。デザイナーとしてのあなたの責任は、互いに補完し合い、プロジェクトに最適な2色または3色の組み合わせを選択することです。
これは困難な作業になる可能性があります。 色の選択 、ほとんどの場合、主観的であり、多くの場合、科学的です。好きだからといって色を選ぶことはできません。これは、特にクライアント向けに設計している場合に当てはまります。
色は感情、気分、思考に影響を与える可能性があるため、理想的な色の選択は個人の好みを上回ります。選択したカラーパレットは、デザインの側面だけでなく、視聴者があなたの作品にどのように反応するかにも大きな影響を与えます。
デザイナーとしてのあなたの課題は、色が表す複雑な役割のバランスを取り、効率的で視覚的に魅力的なデザインを作成することです。あなたが方法についての知識を持っている場合にのみこれを行うことができます 色彩理論 動作します。標準の色理論は、どの色が一緒に効率的に機能するか(または機能しないか)、組み合わせがデザインにどのような影響を与えるかを理解するのに大いに役立ちます。
目次
- カラーホイール
- デザインの色
- 色彩心理学
- ネット
- オレンジ
- 黄
- 緑
- 青い
- ブラック
- 白い
- カラーパレットツール
- マテリアルUIの色
- フラットUIカラー
- クーラー
- カラーハント
- Adobe Color CC
- カラーファーム
- カラークレーム
- 色ニールオレンジピール
- スポーツの色合い
- RGBto
- Colorrrs
- カラーピッカー
- Colordot
- カラーホイール
- 0〜255
- COLOURlovers
- ブランドカラー
- コラー
- 色
- LOLColors
- カラークラッシュ
- Colovely
- ColorDrop
- パレットトン
- カラートレンド+パレット
- コルド
- ColorSchemer
- カラーセーフ
- マテリアルパレット
- デザインシード
- UIグラデーション
- ColorMunki
- ピクタキュラス
- カラースナッパー
- UnClrd
- WebGradients
- 一口
- その日の色
- 微妙なパターン
- DeGraeve
カラーホイール
色彩理論の基本の1つは、カラーホイールを理解することです。あなたはすでにカラーホイールが何であるかについての考えを持っているかもしれません、そしてあなたはおそらく以前に学校でそれを見たことがあります。従来のカラーホイールは12色で構成されています。
原色またはベースカラー :赤、黄、青
二次色: オレンジ、グリーン、バイオレット
三次色: 赤-オレンジ、黄-オレンジ、黄-緑、青-緑、青-紫、赤-紫
インディゴを追加すると、一次色と二次色が虹の色または可視光のスペクトルを構成します。
カラーホイールは、色の相互関係を理解するためのシンプルで効果的な視覚補助です。この色の理解方法は、減法混色モデルと加法混色モデルの2つのカテゴリに分けられます。減法混色モデルでは、着色顔料(塗料やインクなど)の組み合わせが必要です。
標準のカラーホイールと、印刷に使用されるCMYKカラーシステムがこのカテゴリに分類されます。アディティブモデルは、色付きの光の組み合わせを伴います(例:テレビで見られる色)。このモデルは、RGB(赤、緑、青)という異なる基本色のセットを使用します。
デザインの色
デザインに色を組み込むには、2つまたは3つの色相を決定し、それらを均等にレイアウトにブレンドするだけでは不十分です。デザインプロジェクトに色を生産的に実装するには、バランスが必要です。組み込む色が多いほど、バランスを作成するのが難しくなります。
この概念についての簡単な考え方は、色の選択を主色とアクセント色に分割することです。主な色は、デザインで最も目立ち、最も使用される色相になります。アクセントカラーはバランスを取り、ドミナントカラーを強調します。
これらの色がどのように相互に関連しているかに焦点を当てることで、プロジェクトに適した理想的なパレットを微調整することができます。色の相互作用には、コントラストの量(または欠如)、テキストが追加されたときの読みやすさ、他の色が隣り合っているときにどのように異なる色が見えるか、組み合わせの雰囲気が含まれます放つなど。
基本的な3色パレットをデザインに実装するための原則は60-30-10ルールです。この方法は一般的にインテリアデザインに適用されますが、印刷やWebサイトのタスクにも効率的に使用できます。
このルールは、パレットの60%がデザインの主要な色で構成されていることを示しています。 30%と10%は2つのアクセントカラーに分けられます。
このルールの優れた例えは、男性のスーツです。60%は、ジャケットとズボンの色です。 30%はシャツの色、10%はネクタイの色です。出力は、よくブレンドされ、バランスが取れており、洗練された外観です。
バランスの取れたカラーパレットを維持する別の方法は、色の濃淡(暗いバージョン)と色合い(明るいバージョン)を使用することです。これを行うと、色の配列でデザインを圧倒することなく、色の組み合わせを広げることができます。
色彩心理学

色はいたるところにあります。気づかなくても、色は気分に大きく影響します。彼らはまたあなたの日常生活の中で重要な役割を果たしています。
今日の道路の一時停止の標識、オフィスで着用したものの色の組み合わせ、または電話の通知に設定した割り当てられた色について考えてみてください。
色はイディオムでも使用されます。怒っているときは「赤を見る」、悲しいときは「青を感じる」。あります 色の背後にある心理学 。それは、彼らがあなたの考えや感じにどのように独特のつながりを持っているかを説明しています。
色彩心理学のトリッキーな部分は、誰もが同じように色を見て、感じて、経験するわけではないという現実です。
多くのことが、私たちが色に関連付ける象徴性と重要性に影響を与えます。文化と社会が2つの主要な影響力を持っています。良いニュースは、ほとんどの色が普遍的な意味を持っているということです。
ネット
普遍的な意味: 赤は、そのコンテキストに基づいてさまざまな画像やアイデアを表現できます。火の色は主に赤であるため、色は暖かさまたは危険を表すことができます。赤は血の色でもあるため、多くの場合、生命、愛、そして時には暴力に関連しています。
さまざまなシンボリズム: 赤は、いくつかの文化における幸運と成功を意味します。多くの場合、それは世界中の革命と政治運動の色です。
カラーブランディング: 赤は力、信頼、自信を伝えます。これは、ほとんどの業界やニッチで非常に目立つブランドカラーの1つです。
オレンジ
普遍的な意味: オレンジは赤と黄色の組み合わせです。このように、それはまた火と関連している可能性があり、したがって暖かさを表しています。エネルギーと楽観主義を表現する陽気な雰囲気があります。オレンジは一般的に秋の季節に関連付けられています。
さまざまなシンボリズム: 明るい黄橙色のスパイスであるサフランは、インドでは神聖なものと見なされています。オレンジは日本の愛の色です。
カラーブランディング: オレンジは一般的に若々しさと創意工夫を意味します。
黄
普遍的な意味: 黄色は太陽の光の色であるため、幸福と親しみやすさに関連しています。春も表しています。ある文脈では、黄色は注意を意味します。医療の世界では、黄色は検疫や病気に関連していることがよくあります。
さまざまなシンボリズム: 黄色は、一部の東およびアジアの国々の高ランクまたは王族の色です。アフリカとラテンアメリカの一部の地域では、喪の色です。
カラーブランディング: 明るい黄色は視聴者を引き付ける色です。ただし、明るすぎたり、間違った色と組み合わせたりすると、邪魔になる可能性があります。
緑
普遍的な意味: 緑は自然の色です。それは成長、人生、健康、そしてすべてが有機的であることに関連しています。濃い緑色は富と安定を象徴しています。
さまざまなシンボリズム: 緑はいくつかのイスラム諸国では神聖な色です。また、アイルランドに最も関連する色でもあります。
カラーブランディング: グリーンは、健康、持続可能性、環境に関係する製品やサービスをブランド化するときに効果的です。
1月3日の干支
青い
普遍的な意味: 青は海と空の色であるため、多くの場合、静けさ、静けさ、平和に関連付けられています。ある文脈では、青は悲しみにも関係しています。
さまざまなシンボリズム: 青は伝統的に中東の邪悪なものに対する保護を表すために使用されます。ほとんどの文化では、それは天国、精神性、不死に最も関連する色です。
カラーブランディング: 青は最も用途の広いブランディングカラーの1つです。これは、セキュリティ、信頼性、信頼を表すためによく使用されます。コーポレートブランドの色は、プロ意識も伝えるため、青(またはその色合い)を頻繁に使用します。
ブラック
普遍的な意味: 赤のように、黒は複雑な色合いです。一方では、それは贅沢、力、そしてクラスを表しています。一方、それは死、悪、そして不運を象徴しています。衣類では、黒は通常、形式的または悲しみを伝えます。
さまざまなシンボリズム: 黒は、アジアとラテンアメリカの一部の地域では男性的な色です。それはエジプトでの再生を表しています。黒は多くの文化で魔法と迷信に関連付けられています。
カラーブランディング: 黒は、間違いなく最も使用されているブランドカラーであり、事実上ニュートラルな色合いです。しかし、多くの場合、適切なコンテキストで、色はそれが提示する価値を伝えることができます。
白い
普遍的な意味: 白は純粋さ、無垢、そして良さを表しています。ある文脈では、それはまた無菌で清潔であることを意味します。
さまざまなシンボリズム: 白は中国の喪の色です。それはまた、世界のほとんどの地域で平和または降伏の兆候を意味します。
カラーブランディング: 白は通常、シンプルさ、清潔さ、ミニマリズムを伝えます。
カラーパレットツール
カラーパレットジェネレータは、プロジェクトの設計に最適な色の組み合わせを決定するのに大いに役立ちます。これが今日の最高の配色メーカーの40人です:
マテリアルUIの色
Material UI Colorsは、デザイナー、開発者、中小企業の所有者向けにPandaNetworkによって構築されたアプリの1つです。アプリはマテリアルデザインのカラーパレットです。このWebサイトでは、カラーマッチングプロセスを簡単にするためのコピーアンドペースト機能が提供されています。
フラットUIカラー
Flat UI Colorsは、フラットUIテーマ用に特別に設計されたカラーパレットアプリです。このウェブサイトでは、プロのデザインプロジェクトに使用できる何百ものフラットカラーを提供しています。各色のコードは、コピー&ペースト機能を介して利用できます。
クーラー
Coolorsは、高速でシンプルな配色ジェネレーターです。このサイトでは、ユーザーは数秒でパレットを作成、保存、共有できます。 Coolorsは、iOSアプリ、Adobeアドオン、またはChrome拡張機能として利用できます。
カラーハント
Color Huntは、カラーパレットのソーシャルプラットフォームです。このサイトには、アプリのユーザーが作成した厳選された色のコレクションがあります。それぞれの色の作品はレビューされ、厳選されているため、上位の作品はサイトのホームページに表示されます。
Adobe Color CC
Color CCは、Adobeのカラーパレットジェネレーターです。これにより、ユーザーはカラーホイールを使用して配色を作成できます。また、Kulerコミュニティによってキュレーションおよび作成された何千もの色の組み合わせを提供します。
カラーファーム
カラフルなチキンのロゴが入ったカラーファームは、ユニークな配色メーカーです。オンラインフォームを作成する最も簡単な方法であるJotForm4.0を備えています。このサイトでは、ドリブルショットを通じて毎日の色のインスピレーションを提供しています。
カラークレーム
カラークレームは色のインスピレーションです。 Tumblrがホストするカラージェネレーターには、サイト所有者のお気に入りの色の組み合わせとコードが満載です。サイトのほとんどのカラーパレットは、1つのメインカラーと1つのアクセントシェードで微妙です。
色ニールオレンジピール
Colorsは、Neil OrangePeelによるカラーパレットジェネレーターです。このサイトは、各色合いの下にさまざまな色の組み合わせを持つ12の原色を備えています。単純なコピーアンドペーストの16進コード機能を提供します。
スポーツの色合い
Sporting Huesは、主にスポーツカラーに焦点を当てたカラーコンビネーションプログラムです。配色は、NFL、NBA、MLB、EPLのカテゴリに分類されます。
404エンジェルナンバー愛
RGBto
RGBtoは、HTMLカラーコード、RALカラー、Pantoneカラーの3つのタブに分割されたカラーパレットサービスです。ユーザーはサイトの検索ボタンを使用して、任意の色または色の組み合わせの16進コードを取得できます。また、検索を簡単にするためにキーワードを使用する場合もあります。
Colorrrs
Colorrrsは、プロのカラーデザインとマーケティングを目的としたクールなカラーパレットジェネレーターです。ユーザーは、キーボードのスペースバーを使用して、何百もの色と色の組み合わせを閲覧できます。このサイトにはRGBコンバーターもあります。
カラーピッカー
カラーピッカーは、ユーザーが自分のカラー作品を作成、保存、使用できるようにするカラーパレットツールです。サイトのホームページには、毎日さまざまな注目の色と16進コードが表示されます。
Colordot
Colordotは、HailPixelによって設計され、オンラインおよびiOSで利用できるカラーパレットアプリです。ウェブサイトバージョンでは、ユーザーはマウスを前後に動かして色相を、上下に動かして明度を、スクロールして彩度を上げることができます。モバイル版では、ユーザーはスワイプで色を選択し、スマートフォンのカメラで色を取得できます。
カラーホイール
カラーホイールは、Adobe ColorCCの最大の機能の1つです。このプログラムは、InDesignユーザーがテーマの色の組み合わせを作成するのを支援します。 Wheelは、色をCMYK、RGB、HEX、Labの4つの異なる形式に変換することもできます。
0〜255
0to255は、デザイナーが必要な色のバリエーションや組み合わせを見つけることができる、シンプルでありながら独創的なカラーパレットツールです。このアプリは、ホバー、境界線、グラデーションに適した色を見つけるのに特に便利です。
COLOURlovers
COLOURloversは、さまざまなカラーパレット製品とサービスを提供するWebサイトです。これは色を中心としたコミュニティであり、ユーザーは色に関する知識と愛情、そして色の作成を共有できます。カラーパターン、デザイン、トレンドも強調されています。
ブランドカラー
Brand Colorsは、ユーザーが人気ブランドの色の組み合わせとコードを見つけることができるWebサイトです。それは、世界中の公式ブランドのカラーパレットの最大のコレクションを持っていると主張しています。ユーザーはブランドを提案することもでき、サイトはブランドの色に一致する正しい組み合わせとコードを見つけて提供します。
コラー
Colllorは、一貫したカラーパレットを作成するカラーパレットジェネレーターです。さまざまなカラーバリエーションから選択できます。また、カラーパレットのアイデアを提供し、多くの場合、色の本質的な意味を強調します。
色
Coleureは、ユーザーに包括的なカラーマネジメントを可能にするジェネレーターです。このアプリを使用すると、ユーザーは色を混ぜたり、比較したり、テストしたり、編集したりして、デザインに最適な色の組み合わせを思いつくことができます。簡単に使用できるように、このサイトにはキーボードショートカットが用意されています。
LOLColors
マッケンジーチャイルドのLOLColorsは、厳選されたカラーパレット用のiOSアプリです。このアプリは、デザイナーに色の組み合わせとインスピレーションを提供します。涙の形をした色は、16進コードのコピー&ペースト機能を備えています。
カラークラッシュ
Color Crushは、fontflame.comデザイナーによって作成されたカラーパレットジェネレーターです。このWebサイトでは、アマチュアおよびプロのデザイナー向けに色の組み合わせと16進コードを提供しています。このサイトには、最新で最も人気のある色の組み合わせ、別名「クラッシュ」も掲載されています。
Colovely
Colovelyは、nofach.comによって設計されたカラーパレットメーカーです。スペースバーを使用すると、ユーザーは何百もの色の組み合わせとそのコードを閲覧できます。このサイトでは、シンプルなクリップボードのコピー&ペースト機能を提供しています。
ColorDrop
ColorDropは、Webベースのカラーパレットアプリです。このサイトでは、何百もの異なる色の組み合わせを提供しています。簡単にナビゲートできるように、ユーザーはアプリの「お気に入り」と「フラットカラー」を閲覧できます。
パレットトン
Palettonは、デザイナーがWebサイトに適した色の組み合わせを作成できるようにするために作成された配色メーカーです。アプリはピータースタニセクによって設計されています。これは、パテントトンのカラーペディアに関連付けられています。これは、色に関する広範な情報源です。
カラートレンド+パレット
Color Trends + Palettesは、Colourloversの機能です。これは、コミュニティが主にファッション、デザイン、旅行で「ホット」な色と新しい色の組み合わせについて話すことができるセクションです。
コルド
Colrdは、ユーザーが色のインスピレーションを作成してすべての人に共有できるようにする配色ジェネレーターです。このサイトは、対応する色の組み合わせとコードを備えた画像とグラフィックを備えています。これは、初心者とプロのデザイナーのためのアートとデザインのインスピレーションの組み合わせです。
ColorSchemer
ColorSchemerは、さまざまな色関連のプログラムとサービスを提供するWebサイトです。注目の製品は主にiOSデバイスで利用できます。このサイトでは、PC用とMac用のさまざまなバージョンのColorSchemerも提供しています。
カラーセーフ
Color Safeは、カラーパレットを生成するWebサイトです。キャンバスとテキストの両方を設定するため、他の配色メーカーとは異なります。ユーザーは背景色を入力でき、プログラムは指定された色相を補完するのに最適なフォントを提供します。
マテリアルパレット
Material Paletteは、ユーザーフレンドリーな色、アイコン、パレットジェネレーターです。これにより、ユーザーは、プログラムが対応する色の組み合わせを提供する2つの色を選択できます。暗い原色と明るい原色から、アクセントと仕切りの色までです。
デザインシード
Design Seedsは主にカラーブログで、視聴者はその注目のカラースケッチや写真からインスピレーションを得ることができます。各写真は、色合いと色相によって分類されています。ナビゲーションを簡単にするために、ブログはコレクションと色で分けられています。
UIグラデーション
UI Gradientsは、グラデーション用に特別に作成された配色メーカーです。グラデーションを構成する2つの色がコード化されています。ユーザーは、グラデーションの作成を追加したり、組み合わせのCSSコードを取得したりすることもできます。
ColorMunki
10 月 18 日のサイン
ColorMunkiは、デザイナーや愛好家が独自の色や色の組み合わせを作成できるように作成されたカラーツールです。このサイトは、立ち上げ以来、多くのフリーランスのデザイナーがプロジェクトのグラフィックデザインを作成するのに役立ってきました。このサイトでは、色に関するあらゆることを専門とするセクション「色の知識」も提供しています。
ピクタキュラス
Pictaculousは、カラーパレットを生成するプログラムです。 MailChimpを利用したこのサイトは、エンコードされたシリアルを使用して画像の色の組み合わせを分析します。
カラースナッパー
Color Snapperは、OS XYosemite専用に作成された配色メーカーです。このアプリは、開発者やグラフィックデザイナー向けに設計されているため、画面上で色を調整、混合、変更、保存、エクスポートできます。アプリは、暗い色と明るい色の両方のテーマをサポートしています。
UnClrd
UnClrdは、色覚異常の人がWebサイトや色で飛び出る画像を見たときに、色覚異常の人が何を見るかをデザイナーが確認できるようにする独自のカラーツールです。カラフルなサイトを白黒に変えるブラウザプラグインです。プラグインはChromeとFirefoxで利用できます。
WebGradients
WebGradientsは、ユーザーがWebサイトプロジェクトのコンテンツの背景として使用できる100を超える線形グラデーションのコレクションです。このサイトでは、各グラデーションの.JPGバージョンと.PNGバージョンの両方を提供しています。また、SketchとPhotoshop用のパックも提供しています。
一口
Sipは並外れたカラーパレットジェネレーターです。これは、色と色の組み合わせを収集、整理、共有するのに最適なプログラムです。無料版と有料版があり、SETAPPとiOSで利用できます。
その日の色
Day’s Colorは、毎日さまざまなカラーパレットを備えています。このサイトは、さまざまなアート、音楽、画像、デザイン、さらには思い出に毎日見られる色の組み合わせを使用して、デザイナーを刺激することを目的としています。
微妙なパターン
ToptalのSubtlePatternsは、適切なクレジットが記載されている限り、誰でもWebサイトやデザインプロジェクトに無料で使用できるカラーパレットのコレクションです。ユーザーは、サイトで紹介されているものに基づいて、独自のパターンテーマを作成することもできます。
DeGraeve
DeGraeveは、デザインプログラムやアプリが満載のウェブサイトです。ユーザーフレンドリーなカラーパレットジェネレーターを備えています。ユーザーは、分解したい画像のURLを入力できます。その後、サイトは写真を提供します 色の組み合わせ およびコード。
友達と共有してください: