<input type="color">

概要

<input type="color"> はカラーピッカーコントロールを作成し、ユーザーが視覚的に色を選択できます。

対応ブラウザ

基本構文

<label>テーマカラー:
  <input type="color" value="#3498db">
</label>

実務での使いどころ

• <input type="color"> の活用

  カラーピッカー入力要素。色の選択UIを提供する。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <input type="color">
• Can I use — <input type="color">