disintegrator

Color Theme Disintegrator

Description

Purpose and usage

1. Input RGB/HSL/HSV colors from someone's palette
2. Pick a focus color
3. Calculate the RGB/HSL/HSV deltas for all other palette members from focus
4. Possibly use Isotope to dynamically add elements for unlimited color combos
5. Start learning how to use ReactJS on this?

TODO

• Create a fixed number of palette picker widgets

  • Must show RGB, HSV, HSL version of colors
  • Color picker widget must dynamically update color swatch in card
  • Swatches autopopulate on page load

• Re-theme Spectre.CSS buttons

• Show color value deltas from first color in cards

• Put color calculations in a grid so they're more readable

• Enable clicking card header to toggle display of picker

• Enable selection of focus color

• Enable dynamic numbers of palette widgets

  • Might use React for this

• Possible Javascript libraries for color pickers:

  • [[https://jscolor.com][jscolor.com]]
  • [[http://bgrins.github.io/spectrum/][Spectrum]]