<input type="color">
<input type="color"> はカラーピッカーコントロールを作成し、ユーザーが視覚的に色を選択できます。
概要
<input type="color"> はカラーピッカーコントロールを作成し、ユーザーが視覚的に色を選択できます。
対応ブラウザ
デスクトップ
Chrome 20+
Edge 14+
Safari 12.1+
Firefox 29+
モバイル
Chrome Android 25+
Safari iOS 12.2+
Firefox Android 未対応
基本構文
HTML
<label>テーマカラー:
<input type="color" value="#3498db">
</label> 実務での使いどころ
-
<input type="color"> の活用
カラーピッカー入力要素。色の選択UIを提供する。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。