input type="color"
を使ったカラーダイアログ(カラーピッカー)を色選択に加えています。
使い方:「カラーダイアログ」の右側の薄紫(valueで設定した#9999ff)部分をクリックすると、カラーピッカーが開きます。色を選びピッカーを閉じると、「カラーの値」の右に16進数の色コードが表示されます。この色を使う場合は、「この値を入力欄へ」ボタンをクリックします。値がカラー入力欄に入りますので、「新規作成」ボタンをクリクすると、その色を背景色にして、色コードを記述した付箋紙が、入力欄のすぐ下に作成されます。
入力欄で色コードの編集も可能です。また、入力欄で新規に入力する場合は、3文字または6文字の16進数コード(頭に#は必須)にします。
次の内容は「webページ作成作業用に、選んだ色を画面に貼り付け記憶しておける付箋紙」の再録です。 input type="color"
のvalueは、#+6文字の16進数コード以外にすると、「#000000」になってしまうので、注意が必要です。
- <input id="dialog" type="color" value="#9999ff">