エディタのサイドバーにカラーコードのプレビューを表示するプラグインの紹介です。
リポジトリ
- https://github.com/junichi11/netbeans-color-codes-preview (GitHub repo.)
- https://github.com/junichi11/netbeans-color-codes-preview/releases (nbms)
機能
１行ごとにカラーコードをチェックしてサイドバーに色のプレビューを表示します。１行に複数個の色がある場合は、最初の２つだけ表示します。全ての色は、矩形部分をクリックすることで確認することができます。
追記： カラー値のラベルをクリックした時にカラーチューザーのダイアログを表示するようにしました。それを使って値を変更できるようにしていますが、hsl/hslaの値の変更は誤差がでることがあります。
使い方
nbmをダウンロードしてきてインストールするだけです。
有効・無効の切り替え
表示 > Show Colors をチェックするかチェックをはずすかしてください。
対応している色のパターン
- １６進カラーコード (e.g. #ffffff, #aaa)
- CSS rgb/rgba (e.g. rgb(0,0,0), rgba(255,255,255, 0.8)) ※ %値での指定は対応していません
注意
期待しない所で色の表示がされてしまうことがあります。たとえば、CSSのIDセレクタで、 “#feature” があると “#fea”の部分を “#ffeeaa”として認識します。
有効なファイルタイプ
制限はかけていないので、とくにありません。
ご意見等
何かありましたら、twitterやGitHubのIssuesへどうぞ。
春のプラグイン祭りこれにて終了。。。