Setting HEX as the default color code for input type="color"

Question

Hi, Please a there a way that I can make HEX be the default color code for input type = "color"? As it is, when I click on the input color, it is the RGB that show first, then using the "up and down" scroll arrow it changes to HSL, and then HEX. Does the "RGB > HSL > HEX" come be default that cannot be changed?

<div class="row" runat="server" id="PortraitColor">
     <div class="col-md-12">
         <div class="form-group">
             <label runat="server" id="Label19">Font color</label>
             <div class="input-group">
                   <input type="color" runat="server" class="fonts form-control" id="color" onchange="LabelColor()" />
             </div>
         </div>
     </div>
 </div>

<script type="text/javascript">
    function LabelColor() {
       
        document.getElementById("GridParent").style.color = document.getElementById("color").value;
    }
</script>

Answer 1

Hi @Donald Symmons,

You can't make it only display hex, but whatever mode the user chooses the value is stored as hex.

document.getElementById("color").value = "#ff0000"

Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.