A scss palette based on NES palette.
Nes-palette includes 56 colors to represent the original nes-palette.
There are 14 different hues within 4 different shades each one. The hue names are:
'grey', 'blue', 'dark-blue', 'purple', 'dark-purple', 'red', 'orange', 'dark-orange', 'brown',
'light-green', 'green', 'dark-green', 'blue-grey', 'dark-grey'.
Any hue has 4 different color values representing different luminosities:
'00', '10', '20', '30'
00
represents the darkest value for a hue and 30
represents the lightest value.
bower install --save-dev nes-palette
Use the nes-palette function combining color-name
and color-value
to print the color you choose.
.css-selector {
background-color: nes-palette('grey', '30');
color: nes-palette('blue-grey', '20');
}
- Make it bower friendly
- Create a demo page
- Write multilingual article about css palettes