LoginSignup
34
33

More than 5 years have passed since last update.

【神アプリ】ColorSnapperが超便利

Last updated at Posted at 2015-03-18

紹介

 いままでCSSでcolorプロパティに色を反映するときにOSX標準のDigital Color Meterを起動して抽出していたが、App StoreにあるColorSnapperがより使いやすい。

使い方

  1. インストールするとタスクバーにアイコンが出現。
     
  2. アイコンをクリックしてメニューから「Pick Color」をクリック。
    pict001.png
     

  3. 虫眼鏡が出現するので欲しい色にポインタを合わせる。(とまあ、ここまではDigital Color Meterと同じ)
     

  4. 欲しい色でクリック。タスクバー下に色のRGB表示が現れる。
    pict002.png
     

  5. もう一度タスクバーをクリックすると、選んだ色がメニューに追加されている。
    pict003.png
     

  6. 「Preference...」をクリック。
    pict004.png
    色のフォーマットを2種類で選べる。
    ・「Clipboard format」は通常クリックで指定したフォーマット文字列でクリップボードにコピーされる。
    ・「Alternative format」はoptionキーを押しながらクリックでコピーされます。optionキーを押すだけでもそのフォーマットでの表示がされます。ちゃんとSwift表記にも対応。Kobito.Wq7yba.png

Digital Color Meter との比較

 Digital Color MeterはShift-Cmd-Cでもコピーできるが、ペーストしてみないと文字列を確認できない。ColorSnapperはその点の手間が省ける。

 あるときはCSSコーダー、あるときはGIMPで画像処理、またあるときはObjective-Cコーダーな人には非常にありがたい。

ColorSnapper2

ColorSnapper2が今30%Offキャンペーン中。
2015/10/08 El Capitanリリースのスペシャルセール(50%OFF)実施中とのこと。
http://colorsnapper.com/

なお、El Capitanにアップデートしたところ旧版は動作できなくなりました。

34
33
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
34
33