Input Color value属性

HTML DOM イプット カラーオブジェクト

定義と使用法

value 属性を設定したり、色セレクタのvalue属性の値を返します。

HTML value属性は色セレクタの色を定義します。

注釈：何も指定されていない場合、デフォルトの色は #000000（黒）です。

関連ページ

HTML チュートリアル：HTML 項色

HTML リファレンスマニュアル：HTML <input> value 属性

例

例1

色セレクタの色を変更します：

document.getElementById("myColor").value = "#FF8040";

自分で試してみてください

例2

色セレクタの色を取得します：

var x = document.getElementById("myColor").value;

自分で試してみてください

例3

defaultValueとvalue属性の間の差を示す例：

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

自分で試してみてください

文法

value属性を返します：

colorObject.value

value属性を設定します：

colorObject.value = #hexvalue

属性値

値 説明
#hexvalue

色セレクタの色を定義します。

この値は16進数（hex）値でなければなりません：# 符号で始まる3桁の2桁の数（例えば #FF8040）。

注意：色のキーワード（例えば "red" または "blue"）を使用することは許可されていません。

注釈：デフォルトの色は #000000（黒）です。

技術的詳細

返り値： 文字列値で、色を表します。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 10.0 サポート サポート サポート

注意：<input type="color"> 要素は Internet Explorer と Safari では色選択器を表示しません。

HTML DOM イプット カラーオブジェクト