Cách sử dụng input type color (bộ chọn màu) trong HTML

Kiểu <input type="color"> hiển thị bộ chọn màu (color picker). Người dùng chọn màu từ giao diện trực quan. Giá trị trả về là mã hex (ví dụ #ff0000).

Có thể đặt màu mặc định qua thuộc tính value (phải là mã hex 7 ký tự, ví dụ #ffffff).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input color</title>
  </head>
  <body>
    <form action="" method="get">
      Chọn màu cho website:<br><br>
      <input type="color" name="favcolor" value="#ffffff"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Lưu ý: Trên một số trình duyệt di động, color picker hiển thị dạng palette đơn giản thay vì dialog đầy đủ.