huefulColor playground
CSSScript Demo Page

Hueful Color Parsing and Conversion JS Library Demos

Download Back To CSSScript.Com

Explore color spaces, adjust every shade, blend a palette, and find the right contrast.

Loading the color playground…
01

One color. Every space.

Parse & convert
#bfdc8cRGB
Channel conversions & space helpers

      

    

    

      
02
Shape the shade.

      
20%
Relative to the current lightness.

      
Adjusted

    

    

      
03
Meet in the middle.
OKLab mixing

      
50%
BLEND
100% AClick a shade to explore100% B

    

    

      
04
Make every word readable.
WCAG 2 contrast

      
Opaque colors only. Alpha is not composited by the contrast calculation.
A little clarity.
The right color makes room for every word.

    

    

      
05
A name for every mood.

      
Select a color to explore it.