TinyColor

Fast, small color manipulation and conversion for JavaScript

TinyColor is a micro framework for inputting colors and outputting colors as different formats. Input is meant to be as permissive as possible.

This version is modified from TinyColor by Brian Grinstead.

Usage Documentation

Read all the documentation on the TinyColor project page on github.

Code

View the annotated source code or see the full source on github.

Tests

View the QUnit Tests in this version.

Demo

Enter a color:

Or try these: red 0f0 rgb 255 128 128 hsl(0, 100%, 50%) hsv 0, 100%, 50% hwb 0 100% 50% NCS 0510-B70G Random

And I'll tell you what I know about it:



	

	   

	       

	           Lighten
	           

	       

	       

	           Darken
	           

	       

	       

	           Saturate
	           

	       

	       

	           Desaturate
	           

	       

	       

	           Greyscale
	           

	       

	       

	           Brighten
	           

	       

	       

	           Most Readable
	           

	       

	   

    


	

	   

	       

	           Triad 

	       

	       

	           Tetrad 

	       

	       

	           Monochromatic 

	       

	       

	           Analogous 

	       

	       

	           Split Complements 

	       

	   

    

	



	
Plugin

	
There is a plugin contains different color lists, eg. Flat UI, Material and Metro UI. Check the Demo page for more detail.

	
Credit

	
Developed by Dem Ching.

	

	   Orginal code from Brian Grinstead.  Big thanks to the following places: