機能的で美しいカラーピッカーを求めて - ここぽんのーと

色を調整するUIのおもしろさ「色」というモデルは、3軸 + 1軸（不透明度） = 4軸分の情報を持っています。軸の取りかたについても、RGB, HSV（またはHSB）, HSL, …など多様な切り口があるので、これらの情報を整理し、ユーザーに適切なUIを提供するのがカラーピッカーの責務です。 表示・設定すべき値がたくさんあるので、どのように見やすく・美しく・機能的に配置するかが腕の見せどころ…というわけです。 いろいろなカラーピッカーまずは世に存在するカラーピッカーたちを観察してみましょう。既存事例は学びの宝庫です。 macOS標準縦長。レイアウトは整っており流石のAppleといったところでしょうか。 色の選びかたが最上部のタブで切り替えられるようになっていますね。直感的に選べる円型ピッカーの色空間はHSVで、暗さのスライダーがひとつと、中心からの角度が色相・距離が彩度の円で構成されていま

[sh19910711]

"色を調整するUIのおもしろさ / 軸の取りかたについても、RGB, HSV（またはHSB）, HSL, …など多様な切り口 / 設定すべき値がたくさんあるので、どのように見やすく・美しく・機能的に配置するかが腕の見せどころ"