htmlcsshexcolor-picker

input type color default color input as HEX


I am coding a form that has an input type color. When you click that, you see a colorpicker, and the rgb values of the default color. I would like to know if there's a way to have HEX colors as default. As in this example. By default it looks as the left part of the image, and I would like it to be as in the right part of the image. I don't know if this is possible. Thank you :)


Solution

  • The color picker is provided as is by the browser, same way dropdowns appear as the browser has defined.

    While there is a way to change some of it's appearance, you can not go as deep as you want. Also let me note that what you are seeing is how chrome shows the color picker, other browsers show it quite differently, if you open it in Firefox or Safari it will be different. If you want to go deeper into that topic, I found this article which is quite in-depth.

    If you however want a much more customized user experience you could search for javascript color picker libraries and find one that suits your needs best or even write a custom implementation for it.