カラーパレットメイカーに「HSLフィルター」追加しました

ブログ

カラーパレットメイカー(v1.08)に、Illustratorの感覚に近いHSL(色相・彩度・明度)フィルターを追加しました。
「いま頭にある色」に近い色をライブラリからサッと拾いたいときに便利です。


なにができる?

  • H/S/Lの3本スライダーで、中心値まわりの近似色だけを絞り込み表示
  • クロス検索対応:HSLフィルターを有効にすると、選択中ライブラリに関係なく全ライブラリ横断で抽出
  • テキスト検索(番号・名前・HEX)とも併用可能。条件に合うものだけが一覧に残ります
  • いまの設定色がひと目で分かるプレビュー・スワッチ付き

赤系のように 0°/360° をまたぐ色相も、違和感なく拾ってくれます。


どこにある?

右ペインの上部「PANTONE ライブラリ」「ナンバーで検索」のすぐ下
「HSLフィルタ」の1段が増えています。

  • 1段目:有効チェック + 現在色スワッチ
  • 2段目H / S / L の3スライダー(色付きトラック)

使い方(かんたん3ステップ)

  1. 「有効」にチェック
  2. H(色相)/ S(彩度)/ L(明度)をざっくり合わせる
  3. 一覧に近い色だけが並びます。必要ならテキスト検索も併用

パレットに入れたい色が見つかったら「+」で追加。従来どおりSVG/PNG書き出しもそのまま使えます。


ちょいテク

  • Hだけ動かす:色みを決めたら、S/Lはほぼそのままでも結構良い候補が出ます
  • 淡い色を探すLを高めSを控えめ
  • 鮮やかな色を探すSを上げ、目的のH付近へ

仕様メモ(ざっくり)

  • スライダーは中心値付近の色を抽出する近似フィルターです
  • H/S/L のトラックは色付き
    • H=虹グラデ
    • S=グレー → 同色相のフル彩度
    • L=黒 → 中間 → 白(同色相・同彩度)

よくある質問

Q. ライブラリを選んでいても他のライブラリが混ざる?
A. HSLを有効にしたときはクロス検索になります。オフにすると、選択中ライブラリだけが対象です。

Q. 数値入力や細かい閾値調整は?
A. まずは「迷わず回せる」ことを重視した最小UIにしています。


まとめ

「このへんの色が欲しい」をスライダーで感覚的に指定して、近い色だけを素早く拾えるようになりました。
カラーパレットづくりの最初の当たりを付ける用途で、作業が少し楽ニナルヨー。ぜひ触ってみてください。

タイトルとURLをコピーしました