Skip to content

A client-side web app that extracts an image’s color palette and sends it to the Philips Hue API. Featured in Net Magazine's December 2016 issue.

License

Notifications You must be signed in to change notification settings

gohypergiant/hue-gallery

Repository files navigation

Hue Gallery Prototype

Check out video of Hue Gallery in action on YouTube

Hue Gallery in Action

Learn more about how Hue Gallery works in Net Magazine’s December 2016 issue.

Running Locally

$ git clone https://github.com/bpxl-labs/hue-gallery.git
$ cd hue-gallery
$ npm install
$ npm start

TODO

  • Cache color-thief calls
  • Implement an algorithm to get 3 brightest colors
  • Convert RGB to CIE 1931 X,Y format for Philips Hue
  • Give user control to select which room
  • Improve UX for room selection
  • Improve UX for initial bridge registration
  • Add support for responsive images
  • Save settings on a global or per-site basis

Future enhancements/questions

  • Should Hue Gallery be broken out into its own Chrome extension?
    • What sites should it initially support?
    • How do we handle more than one image in viewport?
    • How do we handle lightbox-style components?

Website: blackpixel.com  ·  GitHub: @bpxl-labs  ·  Twitter: @blackpixel  ·  Medium: @bpxl-craft

About

A client-side web app that extracts an image’s color palette and sends it to the Philips Hue API. Featured in Net Magazine's December 2016 issue.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published