Atom で色に関する便利なパッケージ

CSS とかいじるときに色の設定って結構面倒ですよね

特に

  • 今何色かわからない
  • 変更したい色の書き方がわからない

この2つくらいが顕著です
それを解決する方法として2つのパッケージがあります

color-picker

名前の通りカラーピッカーが使えるようになるパッケージです
ショートカットは

Ctrl + Shift + C

色を選択したら Enter で決定
簡単ですね

https://i.github-camo.com/467c72e686f00893c3d36bf46499e76c10f31787/68747470733a2f2f6769746875622e636f6d2f74686f6d61736c696e647374726f6d2f636f6c6f722d7069636b65722f7261772f6d61737465722f707265766965772e676966

pigments

設定されている色を表示してくれるパッケージ
一目でどんな色なのかを確認できるので非常に便利です

https://i.github-camo.com/16c0c12a183c6f57fb33481984593a515777d5e8/68747470733a2f2f6769746875622e636f6d2f61626533332f61746f6d2d7069676d656e74732f626c6f622f6d61737465722f7265736f75726365732f7069676d656e74732e6769663f7261773d74727565