Jemt / Fit.UI

Fit.UI is a JavaScript based UI framework built on Object Oriented principles
http://fitui.org
GNU Lesser General Public License v3.0
19 stars 7 forks source link

Add color picker #140

Open Jemt opened 2 years ago

Jemt commented 2 years ago

Having a color picker would be useful.

Either a traditional color picker, a palette, or something in between or a combination. This issue is created with the intend to gather ideas.

While one might immediately think of a solution mainly based on JavaScript, also consider a more CSS based approach. We might be able to base something on a palette of 32 colors which gets adjusted to add additional options.

Make sure it is light weight and cross browser.

Jemt commented 2 years ago

Ultra simple - define a palette with e.g. 32 colors, and lighten/darken them using JS: https://css-tricks.com/snippets/javascript/lighten-darken-color/ With this approach we could build something like:

image

Jemt commented 2 years ago

Here is a great color picker which also explains how colors compliment each other: https://htmlcolorcodes.com/color-picker/ - the picker is not available as source/download though.