PhotoShopライクなカラーピッカーjavascript「Photoshop-like JavaScript Color Picker」

カラピッカーの原型はPhotoShopによって作られた(?)
というわけで、今回はPhotoShopのように充実した機能をもつPhotoShop-like JavaScript Color Pickerを紹介します。

sponsors

使用方法

PhotoColor.zipをダウンロードします。
<script type="text/javascript" src="http://yourdomian/prototype.js"></script>
<script type="text/javascript" src="http://yourdomian/colormethods.js"></script>
<script type="text/javascript" src="http://yourdomian/colorvaluepicker.js"></script>
<script type="text/javascript" src="http://yourdomian/slider.js"></script>
<script type="text/javascript" src="http://yourdomian/colorpicker.js"></script>
*prototypeは1.6です。
次に以下のようなスクリプトを記入します。
<script type="text/javascript">
Event.observe(window,'load',function() {
	cp1 = new Refresh.Web.ColorPicker('cp1', {startMode:'g', startHex:'ffcc00'});
});
</script>
メインとなる部分は長くなるので、zipファイルに同梱したindex.htmlかこちらのページのソースをご覧下さい。

sponsors

サンプル


°
%
%
#:
Javascriptサンプルページ一覧
skuare.net