HTML Color Chooser

Featured on daily.dev

Subscribe to my newsletter and never miss my upcoming articles

This free HTML color chooser is the ultimate web design tool. You can easily generate cohesive, harmonious color schemes by using the complementary, triade, tetrade, and analogic options up top, or you can create your own color palette from scratch by using the RGB color picker functionality and saving your preferred colors to the palette on the right hand side of the tool. Lastly, you can type HEX color values directly into the tool, and you can manually adjust HSB and RGB values in order to fine-tune your color selection.

Using The Hex Color Picker

As a designer, you can use this tool however you see fit - from trying out a new brand color palette, to using it as an on-demand CSS color picker. Choosing the right colors for a project is always tough, and we want to make that process as simple as possible. There are plenty of options out there when it comes to online color picker tools, but we want to be the best.

hexcolor.co/color-picker

Pranav Vhankate's photo

Thank you very much for sharing this!!!

<3

Nash Moore's photo

Wow, it's really awesome and up to the mark. But, IMO - the UX could be slightly improved - hue text color and the pointer.

Bettie M. Cobb's photo

Thanks for your suggestions.

Roselyn Howell's photo

Great idea and design :D

Anuradha Aggarwal's photo

It really looks great!! But the first link which you share "HTML color selector" is broken. I'm getting a 404 error.

Bettie M. Cobb's photo

Thanks for your attention. I fixed it. ๐Ÿ‘

Anshuman Padiya's photo

Bookmarked the page, really cool looking color picker.

Bettie M. Cobb's photo

Thanks ๐Ÿ˜Š

Matej Boลกnjak's photo

Hi.

There's not accessibility for copy button. What if one doesn't use the mouse? -> Can't use this tool at all. Furthermore I don't think mouse-drag is good way to generate colors at all.

Where's custom color saving option? - Writing custom color on top where color is shown doesn't change the color at all - doesn't work for me (Using firefox).

Height under 824px and/or width between 1024px and 825px show weird page saying that "App works best in portrait mode" - super weird and not sure why is that implemented if mobile is.

Why is there, in the bottom left corner, IQ online test link?

Can't really say it's a good tool at all at this point and stating "There are plenty of options out there when it comes to online color picker tools, but we want to be the best." is pretty bold.

If you want to have the best tool among all others of the same kind, then you must offer more than your competition and/or at least same but in a better way for the user.

Here are my recommendations: w3schools.com/colors/colors_picker.asp htmlcolorcodes.com

Those instantly offer multiple color variations based on your color choice, some even generate decent color palette. Also, free.

Furthermore I have to commend on another statement of yours: "Choosing the right colors for a project is always tough, and we want to make that process as simple as possible"

  • Simplicity in picking a color isn't always the best solution. Yes, it's easy to drag your mouse around the screen and pick a color, but to get right color this way would take much longer than going with any of 2 others I posed up there as those offer lighter/darker variations of chose colors. One must also be aware of color theme of app/website and if using those colors give proper contrast.

Another thing to be aware of - Your app screen takes whole screen as a color. Very fast swapping between light and dark colors might have impact on people who could suffer from photosensitive epilepsy.

I think this tool has long way of improvements to go to be considered as one of proper tools to be chosen among all others.

Bettie M. Cobb's photo

Thank you very much for your suggestions and warnings. I will soon prepare and share a new color picker.

Anshu Meena's photo

this is really a amazing project

Bettie M. Cobb's photo

Thanks ๐Ÿ˜Š