PostCSS Make It Bright

PostCSS plugin make all colors more bright.

.foo {
  color: #121212;
}

.foo {
  color: #1B1B1B;
}

Usage

postcss([ require('postcss-make-it-bright') ])

This plugin make all colors more bright, exactly 50% lighter.

.foo {
  color: rgb(10, 10, 10);
}

.foo {
  color: rgb(15, 15, 15);
}

.foo {
  color: rgba(10, 10, 10, 0.6);
}

.foo {
  color: rgba(15, 15, 15, 0.6);
}

If alpha channel is 1 the plugin return a color in rgb model.

.foo {
  color: hsl(90, 10%, 10%);
}

.foo {
  color: hsl(90, 10%, 10%);
}

.foo {
  color: hsla(90, 10%, 10%, 0.6);
}

.foo {
  color: hsla(90, 10%, 15%, 0.6);
}

If the alpha channel is 1 then a plugin return a color in rgb model.

.foo {
  color: red;
}

.foo {
  color: #FF8080;
}

MIT

See PostCSS docs for examples for your environment.