CSS color playground

Colors

Source

Random Pastel

Filters

Brightness

Saturate

Hue rotate

Grayscale

Filter output

CSS color playground is an online color tool demo. It is meant to showcase a clean user interface and is implemented using pure JavaScript without relying on libraries such as jQuery for manipulating the DOM. Since the project uses vanilla JavaScript and CSS filters it is unlikely to function properly in older browsers such as Internet Explorer. This project is inspired by and takes shapes from "How I Work with Color" and uses the jscolor library as well as this helper function to generate pastel colors.

by Ivan Lokhov / Source