taccuma note

Atomのオススメ拡張4 pigments編

CSSファイルで指定した色がパッと見で分かるpigments

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

pigmentsとは何か?

色指定がぱっと見で分かると便利!

CSSファイルで色を指定するとき、例えば#f32ff0やrgb(72, 85, 210)だとパッと見でどんな色なのか想像できませんよね。そんなときはpigmentsというAtomのPackageを入れておくと役に立ちます。

こんな風に指定した色コードの上に実際の色を表示してくれるので……
見た目でどんな色か想像がつくのでとても便利です。

Atomにpigmentsを導入する方法

pigmentsをAtomにインストールするには?

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

「+install」をクリックして、そこにある検索ボックスに「pigments」と検索すればすぐにヒットします。僕の場合既にインストール済みなので、installボタンは出てきてないですが、まだの人は青いinstallボタンを押せばOKです。

この記事をシェアする

コメント

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

Leave a Reply

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

最近の投稿

おすすめ

タグクラウド

カテゴリー