`alpha` and `colorspace` attributes for `<input type=color>`

概要

input[type=color] のアルファチャンネル対応により、透明度を含む色（#RRGGBBAA / rgba()）をカラーピッカーで選択できます。

対応ブラウザ

基本構文

<label>色（透明度付き）:
  <input type="color" value="#3498dbcc">
</label>

実務での使いどころ

• `alpha` and `colorspace` attributes for `<input type=color>` の活用

  カラーピッカーのアルファチャンネル対応。透明度付き色選択。

注意点

アクセシビリティ

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

参考リンク

• MDN Web Docs — `alpha` and `colorspace` attributes for `<input type=color>`