https://github.com/kyleplo/color-picker

An alternative to the HTML5 color picker box.
https://github.com/kyleplo/color-picker

Last synced: about 2 months ago
JSON representation

An alternative to the HTML5 color picker box.

• Host: GitHub
• URL: https://github.com/kyleplo/color-picker
• Owner: kyleplo
• Created: 2018-06-22T17:03:46.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-03T11:45:24.000Z (over 6 years ago)
• Last Synced: 2024-04-20T16:14:00.967Z (9 months ago)
• Language: JavaScript
• Size: 7.81 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# color-picker

An alternative to the HTML5 color picker box.

## Demos

Basic Demo: https://kyleplo.github.io/color-picker/

Themed Demo: https://kyleplo.github.io/color-picker/themed

## Options

### Color Choices

Set `colorPickerOptions.colors` to an array of hex colors, with the #. Multiples of 7 look the best.

### Theme

Set `colorPickerOptions.theme` to an object with four colors:

- `bg`: background

- `shade`: grey color for stuff

- `accent`: color to show action, used on active buttons

- `text`: text color, should contrast with background

### Autoclose

Set `colorPickerOptions.autoclose` to a Boolean value:

- `true` (default): As soon as a color is selected, close the box

- `false`: Require the user to click "OK" to submit the color and close the box.

### Recent Colors

Set `colorPickerRecent` to an array of colors to be used as the default recent colors. Should not be more than 7 items.