Pigment - A Colorful JS Framework ðŸŒˆ

const color = new Color('#E74C3C')

Color: #E74C3C

HEX: #E74C3C

RGB: rgb(231, 76, 60)

HSL: hsl(6, 78%, 57%)

color.complementaryColor

Complementary Color: #3cd6e7

HEX: #3cd6e7

RGB: rgb(60, 214, 231)

HSL: hsl(186, 78%, 57%)

color.nearestFlatColor

Nearest Flat Color: #E74C3C

HEX: #E74C3C

RGB: rgb(231, 76, 60)

HSL: hsl(6, 78%, 57%)

Color Shades:

All shades (Regular & Flat [25%])

Complementary all shades (25%)

Analogous (Regular & Flat)

Complementary (Regular & Flat)

Triadic (Regular & Flat)

color.contrastingTextColor (BETA)
color.contrastingFlatTextColor (BETA)