パレットのインスピレーションのためにクーラーを使用する方法

パレットのインスピレーションのためにクーラーを使用する方法

色彩理論と色彩を使ったデザインは大きなテーマであり、単純なWebアプリを使用して扱うよりもはるかに大きなトピックです。ただし、カラーパレットツールは、色彩理論に既に精通している人にとっては依然として有用であり、興味のある人なら誰にでもトピックを紹介できます。





Coolorsはすべての中心にカラーパレットを配置し、カジュアルユーザーが後で使用するためにパレットを安全に保つのを容易にします。また、もう少し深く掘り下げたい人のためにいくつかの洗練されたツールを提供します。





クーラー入門

クーラー 太字のホームページで開き、サービスが提供するものを紹介します。最初にここでサイトにサインアップできますが、サービスを使用するための必須要件ではありません。





ただし、電子メールアドレスでアカウントを作成する必要があるにもかかわらず、登録は迅速で簡単な手順です。

アカウントを持っていると、基本的に色やパレットをブックマークできるので、後日それらを参照することができます。この機能だけでも登録する価値があります。



電話からSDカードへのアプリムーバー

このサイトは、デスクトップディスプレイが提供する全スペースを有効に活用していますが、より小さなモバイル画面でも機能します。ただし、ほとんどの使用法はデスクトップブラウザで行われる予定であり、行われるべきです。

既存のパレットの探索

Coolorsは、カラーパレットの管理がすべてです。 Coolorsでは、カラーパレットは、2〜10個の個別の24ビットカラーを含む単なるリストです。





サイトの感触をつかむ最も簡単な方法は、すでにそこにあるものを確認することです。 NS 探検 メニューはあなたをに連れて行きます トレンドカラーパレット ページ、現在人気が証明されているスキームを披露します。

トレンドカラーパレットの概念はおそらく少し珍しいですが、ストリームを次のように並べ替えることもできます 最新 また 人気 。活気のある、森などのキーワードを使用して、ほぼすべての種類の色の値を検索することもできます。





関連:色彩理論を使用してクリエイティブプロジェクトを向上させる方法

各パレットは一連の縦縞の形で表示され、各縞はパレットの1つの色を使用します。

ストライプにカーソルを合わせると、ストライプがわずかに拡大して、その色の16進数のRGB値が表示されます。これは、クリックするだけでクリップボードにコピーできます。これは、適切な色、または急いでいる場合は完全なパレットを見つけるための優れた方法です。

新しいパレットの生成

デフォルトでは、 生成 セクションには、作業を開始するための5色のランダムカラーパレットが用意されています。を押す スペースキー 新しいランダム選択を生成します。これは、インスピレーションを探していて、どこから始めればよいかわからない場合に最適です。

各パレットは、事前に保存または変更できます。個々の色を操作し、正しくない場合は色合いで調整できます。クリックしてください 色合いを表示 アイコンをクリックし、表示されているものから別の色合いを選択します。

注意すべき重要な点の1つは、パレットは最初は簡単に作成できますが、ほとんどが石で設定されていることです。パレットを変更すると、ジェネレータで開くのではなく、パレットを特別に編集しない限り、新しいコピーとして保存するように求められます。

このようにパレット内の色を編集する場合、RGB16進コードのみが使用可能です。代わりにフルジェネレーターを使用し、変更するパレットをロードしてから、古いパレットを削除する前に新しいパレットとして保存することをお勧めします。

これはおそらくCoolorsWebアプリの最も厄介な側面であり、慣れるまでに時間がかかる場合があります。

NS 保存されたパレット アイコンは、保存したすべてのパレットに加えて、サイト全体を表示するサイドバーを切り替えます。これは、パレットにすばやくアクセスするための便利な方法です。

chrome:// flags /#enable-ntp-remote-suggestions

パレットには、簡単に取得できるようにタグを割り当てることができます。また、パレットをグループ化してグループ化することもできます。 プロジェクト また コレクション (2つの間に実際には違いはありません)後で参照するために。

画像から色を抽出する

画像ピッカーは画像から色を抽出し、それらに基づいて一連の可能なパレットを生成します。スライダーをドラッグして、さまざまなパレットを表示したり、カラースロットを追加したりできます。

画像では各色の場所が強調表示されており、場所をドラッグして別の色を選択できます。完了したら、パレットをライブラリに保存するか、ファイルとしてエクスポートできます。

カラーピッカーで基本情報を探す

カラーピッカーは、派手なウィジェットにはあまり焦点を当てていませんが(いくつか提供されていますが)、1つの特定の色の複雑な詳細に焦点を当てています。デフォルトでは、ページはランダムな色を選択しますが、これは、直接16進数のRGB値を入力するか、カラーピッカーの範囲から選択することで調整できます。

色を選択すると、RGBからXYZまでのさまざまな表現がすべて表示されます。バリエーションは、とりわけ、色合い、色相、または温度によって調整された同様の代替色を表示します。

関連している: Mac用の最高のカラーピッカーアプリ

このセクションでは、さまざまな色の調和(補完など)、色覚異常シミュレーター、および白または黒の背景で色がテキストとしてどのように機能するかを確認するコントラストチェッカーを扱い、さらに包括的になります。

パレットのエクスポート

既存のパレットを表示している場合でも、独自のパレットを作成している場合でも、次のようなさまざまな形式でパレットをエクスポートするオプションがあります。

  • コピーしてスタイルシートに貼り付けるCSS
  • SVGを含む画像ファイル
  • パレットを紹介するPDF

付箋紙に6文字のコードを書き留めたり、RGBトリプレットにメッセージを送ったりしたことがある場合は、特に幅広いチームで使用すると、これがどれほど時間を節約できるかがわかります。

パレットをPDFとしてエクスポートすると、Coolorsには多くのカスタマイズオプションがあり、その一部には、パレットの各色に使用するラベルや、さまざまな色空間から含める一連の例が含まれています。

完全なデザインスタジオが作成するほど洗練されていませんが、デザインドキュメントに含めるには完全に適しています。

クーラーでパレットを管理する

Coolorsは驚くほどフル機能のサイトで、カジュアルなカラーリストと熱心なデザイナーを同様に提供することがたくさんあります。

このサイトは、想像できる限り多くの色を探索するためのオプションを備えた最新のWebアプリです。詳細は気が遠くなるかもしれませんが、このサイトは専門家でなくても十分にアクセスできます。

共有 共有 つぶやき Eメール 最高の配色、マッチ、パレットを見つけるための5つのアプリ

色は私たちの周りにありますが、誰もがそれにうまくマッチできるわけではありません。必要に応じて配色やパレットを選択するためのアプリをいくつか紹介します。

次を読む
関連トピック
  • クリエイティブ
  • グラフィックデザイン
  • 配色
  • 設計
著者について ボビージャック(58の記事が公開されました)

ボビーは、20年のほとんどの間ソフトウェア開発者として働いた技術愛好家です。彼はゲームに情熱を注いでおり、Switch Player Magazineのレビュー編集者として働いており、オンラインパブリッシングとウェブ開発のあらゆる側面に没頭しています。

ボビージャックのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください