Macで色を扱う方なら、macOSのカラーパレットが何年も変わっていないことを痛感しているでしょう。数種類のカラーピッカー、画面から色を採取できるスポイトツール、そして色見本を保存するためのウェルが用意されています。たまに使う分には便利ですが、すぐに使いにくくなります。似たような色を複数保存して、どの赤がどの色なのか思い出すのは大変です。多くのグラフィックアプリは独自のカラーツールを提供していますが、別のアプリで作業する必要があるとすぐに役に立たなくなってしまいます。幸いなことに、解決策があります。Sipです。
Sipは10ドルのメニューバーアプリで、Mac上のどこからでも色を選び、パレットに素早く整理して、他のアプリでスマートに使用できます。André GonçalvesとRui Aureliano兄弟が、プロの開発者やデザイナー向けに高度な機能を備えたSipを設計しました。しかし、その基本機能はシンプルで、Macユーザーなら誰でもカラーマネジメントに使えるでしょう。
シップの基本
Sipでまず最初に行うことは、色を選ぶことです。カラーピッカー（画面の一部を拡大表示する円）は、メニューバーのアイコンをクリックするか、キーボードショートカット（Command-Control-Option-P）を押すことで開くことができます。Sipには豊富なショートカットが用意されており、すべて設定で変更できます。
色を選択するには、画面上の任意の場所にカラーピッカーを移動し、希望の色相の上に置き、クリックします。すると、その色がSipに追加され、クリップボードにコピーされます。色を選択する際に修飾キーを押すと、さらに微調整を行うことができます。
- Shift:複数の色を一列に追加します。
- オプション:新しいパレットを自動的に作成し、選択した各色をそのパレットに配置します (パレットについては後ほど詳しく説明します)。
- コントロール:選択した色で新しいパレットを作成します。
- コマンド: Coda や Espresso などの Web 開発アプリ、Adobe の Illustrator、InDesign、Photoshop など、現在サポートされている 17 個のアプリのいずれかを使用している場合、作業中のアプリに色を直接送信します。
より正確な色選びのために、Sipのキーボードショートカットを使って、カラーピッカーのズームを調整したり、カラーピッカーのグリッドを拡大・縮小したり、カラーピッカーを1ピクセルまたは10ピクセル単位で移動したりできます。これは、1ピクセル単位の境界線の色や小さなテキストの色を取得するのに便利です。
Sipのショートカット「境界線の色を取得」または「塗りつぶしの色を取得」を使えば、SketchやPhotoshopから直接Sipに色を送ることもできます。メニューバーウィンドウの右上にあるカラーホイールをクリックすると、Photoshop風のカラーエディターが開き、色を選択したり、16進数またはRGBA値を入力したりできます。
Sip で色をいくつか用意したら、それらを整理するためにパレットを作成すると良いでしょう。ブランドカラー用のパレット、現在取り組んでいるプロジェクト用のパレット、そしてインスピレーションの源となる色用のパレットなど、用途に合わせて使い分けることができます。
最初のパレットを作成するには、メニューバーウィンドウのハンバーガーメニューをクリックし、「新規パレット」を選択します。これまでに選択した色はすべてカラーヒストリーに既に登録されています。カラーヒストリーから新しいパレットに色をドラッグしてください。また、パレット内でドラッグして色の順序を変更することもできます。
パレットをControlキーを押しながらクリックすると、名前の変更、複製、ロック、お気に入りへの追加などのオプションが表示されます。パレットがたくさんある場合は、お気に入り機能が便利です。メニューバーのドロップダウンの左下にあるハートをクリックすると、お気に入りのパレットだけが表示されます。
パレット名をクリックすると、そのパレットに含まれるすべての色のリストビューが表示されます。SipはSunglowやBlue Hazeのように色の名前を自動的に生成しますが、リストビュー内の任意の色をControlキーを押しながらクリックすることで名前を変更できます。私は背景、ハイライト、ヘッダーテキスト、本文テキストなど、用途に応じて色に名前を付けるのが好きです。リスト内の任意の色をControlキーを押しながらクリックすると、Photoshopのようなカラーエディターで色を削除、置換、編集するオプションも表示されます。
色をパレットに整理したら、他のアプリで使用できるようになります。履歴またはメニューバーウィンドウのパレットから色を選択すると、その色がクリップボードにコピーされます。Sipでは、画面の端にドラッグ可能なカラードックを表示することもできます。このドックに表示するパレットを指定できます。カラードックで色を選択すると、メニューバーウィンドウと同じように動作します。
カラーパレット、カラー履歴、設定は Mac 間で同期され、誤って何かを削除した場合に備えて、Sip はローカルに保存されるスナップショットを取得して自動的にバックアップします。
SIPフォーマット
Photoshopでは16進数、Sublime TextではCSS RGBAなど、アプリごとに異なるカラーフォーマットを使用している場合でも、Sipなら安心です。スマートフォーマットをオンにして、各アプリで使用するフォーマットを定義したり、プリセットをそのまま使用したりできます。スマートフォーマットをオンにすると、Sipからアプリに色を貼り付ける際に、自動的に適切なカラーフォーマットが使用されます。
カスタムフォーマットを作成したことはありませんが、組み込みフォーマットのリストに必要なものがない場合は、既存のフォーマットをベースに、または最初から独自のフォーマットを作成できます。カスタムフォーマットエディタは、メニューバーウィンドウのハンバーガーメニュー内にあります。このエディタでは、クリップボードへの色の保存方法、メニューでの表示方法、ピッカーでの表示方法を個別に定義できます。
Sip アクセシビリティ ツール
Sip の「コントラストチェック」機能は、使用している色のコントラストが視覚障碍者にとって適切かどうかを確認できます。コントラストをチェックするには、ハンバーガーメニューから「コントラストチェック」を選択してください。次に、背景色とテキスト色を選択します。Sip は数値スコアと、AAA（良好）、AA（18ポイント未満の文字で許容可能なコントラスト）、A Large（18ポイントを超える文字で許容可能なコントラスト）、または不合格の総合評価を表示します。
この記事のスクリーンショットを撮るためにこの機能を使っていたところ、Sip が、私のウェブサイトで使用していた白地に海藻のような色の組み合わせがアクセシブルではないことを示しました。サイトの色を少し変更するだけで、弱視の方にも使いやすくなりました。
一口飲む
Sipは15日間無料でお試しいただけます。無料トライアル期間終了後は、アプリをご購入いただく必要があります。
Sipは、デザインアプリ「Sketch」で普及した価格モデルを採用しています。1台のコンピューターで1年間のアプリアップデートをご利用の場合、料金は10ドルです。複数のコンピューターでライセンスを取得する場合は、割引が適用されます。2～5台の場合は1台あたり8ドル、6～9台の場合は1台あたり7ドル、10～19台の場合は1台あたり6ドル、20台以上の場合は1台あたり5ドルです。1年目が終了した後、1年目の半額でさらに1年間のアップデートを購入するか、現在使用しているバージョンのアプリを追加料金なしで使い続けることができます。
アプリ間のカラーマネジメントに苦労しているなら、Sipは価格に見合う価値があります。試用版でワークフローの改善効果を簡単に確認できます。私自身、Sipのおかげで改善しました。