Skip to content

RiSE4/ColorPicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation

COLOR PICKER

以下のリンクから、自由に使用することができます。
https://rise4.github.io/ColorPicker/

Chromium系ブラウザに対応しています。一応スマホでも動きます。

できること

  • キャンバスから取得した色をパレットに追加し、HSV/RGB/HEX の値を取得
  • 12種類の色サンプルから、色相 > 彩度 > 明度の優先順位で、ランダムな色を生成
  • ブラウザのlocalStorageに登録したパレットを保存
  • RGB/HSV/HEXの値をクリップボードにコピー

🔎近い色を結合

HSVの値をLab色空間に変換し、色差(LAB ΔE)を精査することで近い色を結合することができます。 しきい値(ΔE)が低いほど色の差が小さくなり、高いほど差が大きくなります。 一般的に人が認識できる範囲の色を残したい場合は5~15を推奨しています。

🎯スポイト

画面上に存在する色をピクセル単位で取得し、カラーパレットに追加することができます。

🎨パレットを並び替え

色差の距離が近い順番で追加したパレットを並び替えることができます。 色相に準拠しているわけではなく、あくまでも色差の距離を元に計算するため、HSVのカラーバー通りには並べることはできません。

🧹パレットをクリア

localStorageに保存されたパレットを一括で削除することができます。

About

フロントエンジニア向けの高機能なカラーピッカー

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors