カラーパネル（スウォッチ）を作ってみました。 : ういすぷの記録帳

自分用に作ったカラーパネルを公開します。
JavaScriptで動作するため、一部のポータブル機器やブラウザでは、うまく動作しません。
※ IE7とFirefoxでは、動作確認しています。


ページの任意の位置に以下のソースを貼り付けると、カラーパネルが表示されます。色数は1000色以上ありますので、サイズが大きめです。

<script type="text/javascript" src="https://app.tree-web.net/color_panel/view.js" 

charset="shift-jis"></script>

<script type="text/javascript">__$_TW_ColorPanelView();</script>

■ 機能概要
基本的に、色を選ぶだけの機能しかありません。

１）初期に表示される、白黒の部分が色を選択すると、変化します。



２）マウスカーソルを重ねると、左側の四角いエリアの色が変わります。



３）クリックすると、右側の四角いエリアが変わり、一時的に記録することができます。



４）他の色にマウスカーソルをあわせても、右側は変わりません。



５）右側のエリア内にある文字をクリックすると、選択状態になります。（色の反転）
マウスの右クリックしてコピーを選択するか、Ctrl+C(Windows)キーを押すと、そのテキストがコピーできます。



■ サンプル
うまく貼り付けられると、以下のように表示されます。

※ CPUパワーを使うので、実際に動くカラーピッカーのサンプルはこちらです。


本当にシンプルでたいした機能もありませんが、よろしければどうぞ。