taccuma note

Atomのオススメ拡張3 color-picker編

AtomでColor Pickerを起動するには?

GitHub製の無料テキストエディタAtomにインストールすべきオススメの拡張機能(Package)をご紹介するこのシリーズの第3回、今回はcolor-pickerです。

Color Pickerとは何か?

Color Pickerの簡単な説明

AtomでCSSを書くとき、色の指定をよくすると思いますが…
白だとwhiteとか#fff、黒だとblackとか#000、赤だとredとか#f00

こんな簡単な色はカラーピッカーなんか無くても指定出来ますが、微妙な色合いにはやっぱりカラーピッカーが欲しくなりますよね。AtomにはデフォルトでColor Pickerなんてついてませんので、欲しければ手動で拡張Packageを入れてやる必要があります。

このパッケージを利用すれば…色相、明度と彩度、透明度3つのパラメータを動かして微妙な色合いをrgbaで指定出来ます。起動方法はMacだとCmd + Shift + C もしくは右クリックから「Color Picker」を選んでもOKです。

Atomにcolor-pickerを導入する方法

一番DL数が多いcolor-pickerをインストールする

画面上部のメニューバーから…
Atom > Preferences…で設定を開きます。

「+install」をクリックして、そこにある検索ボックスに「color-picker」と検索すると似たようなPackageが色々ヒットしますが一番ダウンロード数が多そうなコイツをオススメします。僕の場合既にインストール済みなので、installボタンは出てきてないですが、まだの人は青いinstallボタンを押せばOKです。

この記事をシェアする

コメント

コメントは管理人の承認後に公開されます...

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

最近の投稿

おすすめ

タグクラウド

カテゴリー

関連記事&スポンサーリンク