Pickrはフラットでシンプルなカラーピッカーを実装できるのが特徴です。レスポンシブにも対応しているほか、jQueryなどへの依存性もなくモバイルにも最適ですね。すべてのCSSフレームワークとの互換性もあるとのこと。
HEXやRGBaの値を直接入力することも可能
以下のページからPickrの実際のデモ動作をチェックできます。
デモでは「Pick a color!」と書かれた四角いアイコン部分をクリックすると、カラーピッカーが表示されます。
フラットデザインを採用したカラーピッカーは、シンプルで見やすく操作も簡単でとても使いやすいです。好きな色の部分を選択して「Save」をクリックするとその色に設定できます。HEX、RGBa、HSVaの値を直接入力して色を決めることも可能です。
また、Pickrではel、default、showAlways、appendToBody、position、components、stringsなどオプションによるセッティングもいろいろできるので、カスタマイズしたい人にも嬉しい仕様になっています。ファイル容量もgzip版で8KBと軽量なところもグッドです。
というわけで、フラットでシンプルなデザインでレスポンシブにも対応したカラーピッカーを実装できる「Pickr」の紹介でした。Pickrの具体的な使い方やダウンロードに関しては、以下のページからどうぞ。
