はこねのはこ

はこねさんの備忘録

Atomエディタでカラーコードを楽に指定したい

はじめに

AtomCSSのカラーコードを入力するときに、 いちいち調べるのは面倒です。

できるだけ楽したいのでパッケージを使用しています。

color-picker

atom.io

[cmd]+[Shift]+[C]でカラーパレッドのような画面が出てきます。 f:id:hakonebox:20181019223915p:plain

また、入力しているカラーコード選択時にcolor-pickerを起動すると、
選択していた色から変更ができ、
変更前との色を比較しながら選択することができます。

PIGMENTS

atom.io

エディタ上のカラーコードの背景をその色にできます。

以前はatom-color-highlightというパッケージを使用していたのですが、 いつの間にか削除(?)されてしまい、

他で見つけたのがこのPIGMENTSでした。

f:id:hakonebox:20181019224703p:plain

おわりに

カラーコードを調べるときにAtom上で完結するので便利です。