Top > JavaScript > Color
  • The added line is THIS COLOR.
  • The deleted line is THIS COLOR.
  • Go to JavaScript/Color.

* ColorPicker [#picker]

** HTML 標準 [#g6fa029b]

>
<input type="color">

- カラーピッカーで選択した色の値をJavaScriptを使って取得・設定する
--  https://www.javadrive.jp/javascript/form/index7.html

** jscolor [#me3376b9]

- https://jscolor.com/

**  vue-color [#hb104be4]

- https://github.com/xiaokaike/vue-color?ref=kabanoki.net

- 「vue-color」を使ってColorPickerを実装する
-- https://www.kabanoki.net/4233/

**  Pickr [#d3e4485d]

- https://github.com/Simonwep/pickr
- https://www.npmjs.com/package/@simonwep/pickr

- JavaScriptだけで独自のカラーピッカーを開発できるライブラリ「Pickr」を使ってみた!
--  [https://paiza.hatenablog.com/entry/2018/07/25/JavaScript%E3%81%A0%E3%81%91%E3%81%A7%E7%8B%AC%E8%87%AA%E3%81%AE%E3%82%AB%E3%83%A9%E3%83%BC%E3%83%94%E3%83%83%E3%82%AB%E3%83%BC%E3%82%92%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%A9%E3%82%A4 https://paiza.hatenablog.com/entry/2018/07/25/JavaScriptだけで独自のカラーピッカーを開発できるライ]

** その他 [#a2856c5c]
- 使い勝手の良いカラーピッカーのjavascriptライブラリ 商用利用OKなもの14選  (2019年)
--  https://sounansa.net/archives/2623

依存するフレームワークはツール毎に Angular, jQuery, React 等がある。

>
Huebee
md-color-picker
jquery-simple-color
JQuery Palette Color Picker
Eight Bit Color Picker
simpleColorPicker
ng-color-picker
wColorPicker.js
Spectrum
Tiny Colorpicker
React Color
>
有料ライブラリ
jQuery Color Picker
Material Color Picker
ColorPicker.Pro

Reload   Diff   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes