Sass color palette generator. Simply upload a photo and well use the hues in the photo to create your palette. Sass color palette generator inspired by engineyards front end maintainability with sass and style guides article about how helpful it is to keep track of your sass color variables in one place i sought to automate the process a little bit. Paste your sass colors at the bottom lighten and darken are supported click on any color to change the font background shiftclick to change the document color click on toggle layout to change palette layout ctrlcmdp to print or save as pdf. The other day ui developer alexandre broudin asked me how i would use sass to build a variety of palettes similar to a given palette where only the base color would change.
The palette can be exported in many various formats html css less xml text png image photoshop aco swatch palette or gimp gpl palette format to colorize your artwork. Choose your favorite colors and get your material design palette generated and downloadable. Sass color palette generator. Sass color palette generator previewer.
Sass color generator lighten. Instantly share code notes and snippets. As such it is best to organize a projects color palette in a sass map to easily reference specific colors with map get or a utility function however you choose to implement it. With canvas color palette generator you can create color combinations in seconds.
Colors are a very important part of a design project. More info about colors in the colorpedia. Check color contrast of all color pairs used in the palette and test if the color contrast fits wcag requirements.