Nov 22, 2022 19:00:00

A color picker 'Named Colors Wheel' that combines hexadecimal color codes and color names

' Named Colors Wheel ' is a useful color picker for web design, etc., which combines color codes and color names used to specify colors in

HTML . Only 139 colors are grouped together in the Named Colors Wheel, but you can choose colors visually and reference their names in CSS.

Named Colors Wheel
https://arantius.github.io/web-color-wheel/

Using the Named Colors Wheel is easy, just move the mouse cursor over the circular color wheel and search for the color you are interested in. Then, the color, color name, and hexadecimal color code at the position where the mouse cursor is placed are displayed at the bottom of the color wheel as follows.

If there is a color you like, click on that color and it's OK. Then, even if you move the mouse cursor, the selected color sample, color name, and color code will continue to be displayed.

Named Colors Wheel was developed by developer Anthony Liuarren . He said, ``The color wheel is a great way to compactly and visually express all colors. , The Named Colors Wheel was born by making each color of the color wheel a polygon or a Voronoi diagram .' According to Mr. Liuarren , the arrangement of colors is adjusted based on the three elements of hue, saturation, and brightness, and the color name and color code are published by Mozilla, the developer of Firefox, for developersMDN It seems that you are referring to Web Docs .

Mr. Liuaren reported on the overseas bulletin board Hacker News that the Named Colors Wheel was completed, and the user said, ``I don't know what other people are using this for, but I'm hacking and creating prototypes. I love the idea because I sometimes use color names.' 'It may not be relied upon for professional use, but it's an attractive and intuitive tool.' I'm here.

The source code of Named Colors Wheel is hosted on GitHub.

GitHub - arantius/web-color-wheel
https://github.com/arantius/web-color-wheel