本文へ移動

§09-14Forms

カラーピッカー

色相や彩度を操作して色を選ぶ。

テーマやラベルの色を自由に決めたい利用者に使う。候補のパレットも併せて示すと、ほとんどの人は迷わず選べる。

実装のポイント

内部値は HSL で持つとスライダー操作と相性がよい。保存や受け渡しでは HEX に変換し、文字色とのコントラスト比もその場で確認できるとよい。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react