LoginSignup
10
8

More than 5 years have passed since last update.

Material Design ColorsをMacのcolor picker上で選択できるようにする

Last updated at Posted at 2017-03-19

Mac OS Xについてくるcolor pickerは、アプリケーションから色を指定するときにはほぼ必ず出てきます。ここでMaterial Design Colorsを選択できると便利かなと思ったので作ってみました。

Screenshot of System Preferences (2017-03-19 23-51-15).png

こんな感じで使えます。

インストール

ダウンロード

https://gist.github.com/chsh/f9bcb00a22cb5c5a7477757632917d25 からDownload ZIPで取得。中身は以下のようになっています。

ファイル内容

Color pickerへの登録

何かのアプリケーションの色設定からcolor pickerを呼び出します。color pickerのタブ3つめ、Color Palletsというところで、設定ボタンから Open… を選んで上記のファイルのうち必要なものを追加します。

Screenshot of System Preferences (2017-03-19 23-50-52).png

Color pickerからの呼び出し

コンボボックスで使いたいカラーリストを選択するだけです。ここでは検索もできるので、例えばMaterial Design ColorsのA700セットから選ぶ、こともできます。色の名前でも絞り込めます。

Screenshot of System Preferences (2017-03-19 23-51-15).png

参考URL

テキストからApple Color List formatファイルを作る

ramonpoca/ColorTools: Tools for color management in Mac OS X and iOS, supporting Adobe Swatch Exchange and NSColorList formats via R.swiftで色を管理する

超絶すごいcolor picker: sip

画面のどこかから色を拾うツールはいくつもありますが、いろんな方向に隙がなくて使い心地がよいアプリがありました。(ここでApple Color List formatを知ったのは内緒ですw)
Sip for Mac

10
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
8