色彩理論やカラーデザインは、単純なウェブアプリケーションで扱うよりもはるかに大きなテーマです。しかし、すでに色彩理論に精通している人にとっても、パレットツールは有用であり、興味のある人にこのテーマを紹介することができます。

Coolorsはパレットをすべての中心に置き、カジュアルなユーザーにはパレットを後で使うために安全に保管することを容易にし、一方で深く掘り下げることを望むユーザーには洗練されたツールを提供します。

クーラーの紹介

クーラーは、サービスの内容を紹介する目を引くトップページで起動します。まずはこちらからご登録ください。

しかし、登録にはメールアドレスのアカウント作成が必要ですが、手間はかかりません。

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

デスクトップモニターで提供されるスペースをフルに活用したサイトですが、小さなモバイル画面でも動作します。しかし、ほとんどの場合、デスクトップ・ブラウザーで使用されるでしょうし、そうあるべきです。

利用可能なオプションボードを調べる

Coolorsは、カラーパレットを管理することが重要です。Coolorsでは、パレットは単に2〜10個の個々の24ビット色のリストである。

ウェブサイトの雰囲気をつかむには、すでに存在しているものを見るのが一番手っ取り早いです。「探索」メニューから「トレンドパレット」のページに移動し、現在人気のあるスキームを見ることができます。

人気パレットというコンセプトは少し珍しいかもしれませんが、最新色や人気色でソートすることも可能です。"ビビッド "や "フォレスト "などのキーワードで、ほぼすべてのタイプのカラーバリューを検索することも可能です。

関連：クリエイティブなプロジェクトをより充実させるための色彩理論の使い方

各パレットは、パレット内の色を1色ずつ使用した縦縞の連続として表示されます。

ストライプにカーソルを合わせると、少し拡大してその色の16進数のRGB値が表示され、ワンクリックでクリップボードにコピーすることができます。これなら、適当な色を探すこともできるし、急いでいるときはフルパレットを使うこともできますね。

新しいオプションボードを生成する

デフォルトでは、「Generate」セクションで5色のランダムパレットが提供され、使い始めることができます。スペースバーを押すと、新しいランダムセレクションが生成されます。インスピレーションを得たいけど、何から始めたらいいかわからない！という方におすすめです。

各パレットは保存可能で、さらに事前に修正することも可能です。色を使い分け、色が合わない場合はシャドーで調整することも可能です。影を見る」アイコンをクリックし、表示された影の中から別の影を選択します。

重要なポイントとして、オプションボードは当初は簡単に作成できますが、ほとんどが石材ベースであることが挙げられます。オプションボードを修正すると、新しいコピーとして保存するよう促されますが、ビルダーで開くのではなく、オプションボードを特別に編集してこれを実行する場合を除きます。

このようなパレットで色を編集する場合、RGBの16進コードのみが利用可能です。フルジェネレータを使用して、変更するパレットを読み込み、新しいパレットとして保存してから、古いパレットを削除することをお勧めします。

これは、CoolorsWebアプリケーションの中で最も厄介な点で、慣れるまで時間がかかるかもしれません。

Saved Palettes "アイコンをクリックすると、サイドバーに保存されているすべてのパレットと、サイト全体のパレットが表示されます。任意のパレットに素早くアクセスするのに便利です。

オプションボードにはマーカーを付けて検索しやすくしたり、アイテムやコレクション（この2つの違いはほとんどありません）としてまとめて後で参照できるようにすることができます。

画像から色を抽出する

イメージセレクターは、画像から色を抽出し、それに基づいて可能な範囲のカラーパレットを生成します。スライダーをドラッグして、さまざまなオプションパレットを表示したり、カラースロットを追加したりすることができます。

各色の位置は画像内でハイライトされており、位置をドラッグすることで別の色を拾うことができます。完成したら、パレットをライブラリに保存したり、ファイルとして書き出したりすることができます。

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

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

色を選択すると、RGBからXYZまで、さまざまな表現が表示されます。バリエーションは、シェード、色相、温度など、同様の代替色調整で表示されます。

関連：Mac用ベストカラーピッカー

このセクションでは、より包括的で、異なる色の調整（例：補色）、色覚異常シミュレータ、白または黒の背景でテキストの色を実行する方法を理解するためのコントラストチェッカーについて説明します。

パレットをエクスポートする

既存のパレットを見るにせよ、独自のパレットを作成するにせよ、以下のようなさまざまなフォーマットでエクスポートすることを選択することができます。

• スタイルシートにコピー＆ペーストされたCSS
• SVGを含む画像ファイル
• パレットを表示する PDF

6文字のコードを付箋に書き出したり、RGBの三文判を誰かに送ったりしたことがあれば、この方法がいかに時間を節約できるか、特に広いチームで使用した場合に実感していただけると思います。

パレットをPDFに書き出す際、Coolorsは様々なカスタマイズオプションを提供します。その中には、パレット内の各色のラベルや、様々な色空間からのサンプルセットを含めることができます。

フルデザインスタジオが制作するような複雑なものではありませんが、デザインドキュメントに含めるには理想的なものです。

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

Coolorsは、カジュアルなカラーリストから熱心なデザイナーまで、驚くほど多機能で充実したサービスを提供するウェブサイトです。

このウェブサイトは、あなたが想像できる限り多くの色から選ぶことができる、モダンなウェブアプリケーションです。細かいことを言うと大変ですが、専門家でなくても十分参考になるサイトです。