• Choose page elements using CSS selectors, or the handy targeting tool ().
  • Play with text color and background color, seeing your changes as they're applied.
  • Click the filter icon () to change brightness, contrast, saturation, blur, and more.
  • Save color schemes to compare.
  • Supports Chrome, Safari, and Firefox 35+.
  • MIT Licensed
Lego Stephen Hawking In Space
Whatever you do, don't make Professor Hawking sepia.
You wouldn't like him when he's sepia.

Usage

<!-- HTML -->
<script src="LivingColor.js"></script>

// Javascript
$(function() { LivingColor.start(); }

Fastidiously Asked Questions

Q: Why don't you have any questions yet?

A: I am Jack's superfluous paradox.

Version History

v1.0

  • Colors and backgrounds and filters, oh my!
  • Docmentation and example

Known Bugs

  • Inline styles of targeted elements will be overwritten. (Don't use inline styles, kids.)
  • Page styling can sometimes over-ride Living Color's own styling and make it look goofy.
  • Setting a transform value on <body> screws up window positioning. If possible, set the transform on a wrapper div instead.