NetBeans Color Codes Preview Plugin

netbeans

エディタのサイドバーにカラーコードのプレビューを表示するプラグインの紹介です。

リポジトリ

機能

1行ごとにカラーコードをチェックしてサイドバーに色のプレビューを表示します。1行に複数個の色がある場合は、最初の2つだけ表示します。全ての色は、矩形部分をクリックすることで確認することができます。

追記: カラー値のラベルをクリックした時にカラーチューザーのダイアログを表示するようにしました。それを使って値を変更できるようにしていますが、hsl/hslaの値の変更は誤差がでることがあります。

nb-color-codes-preview-issue6

使い方

nbmをダウンロードしてきてインストールするだけです。

有効・無効の切り替え

表示 > Show Colors をチェックするかチェックをはずすかしてください。

対応している色のパターン

  • 16進カラーコード (e.g. #ffffff, #aaa)
  • CSS rgb/rgba (e.g. rgb(0,0,0), rgba(255,255,255, 0.8)) ※ %値での指定は対応していません

注意

期待しない所で色の表示がされてしまうことがあります。たとえば、CSSのIDセレクタで、 “#feature” があると “#fea”の部分を “#ffeeaa”として認識します。

有効なファイルタイプ

制限はかけていないので、とくにありません。

netbeans-color-codes-preview-screenshot

ご意見等

何かありましたら、twitterやGitHubのIssuesへどうぞ。

春のプラグイン祭りこれにて終了。。。

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください