# color and tools information and tools related to color. --- > [!info]- ### full color palette systems > - [open color](https://yeun.github.io/open-color/ "opens in new tab") full open-source color palette. good for UI and screen design > - [reasonable colors](https://reasonable.work/colors/ "opens in new tab") - an open-source color system for building accessible, nice-looking color palettes > - [material colors](https://material.io/design/color/#tools-for-picking-colors "opens in new tab") - google's material design colors > - [material colors](http://materialcolors.com/ "opens in new tab") - another version of google's material design colors > - [huey](https://huey.design/ "opens in new tab") - generate a full color palette with adjustable tints and shades based on a single color > - [open source color system](https://www.opensourcecolorsystem.design/ "opens in new tab") - lovingly built color palette with notes on how and where to apply colors in UI > - [flexoki](https://stephango.com/flexoki) - simple color palette that i like > [!info]- ### color tools and interactive generators > - [coolors.co](https://coolors.co/ "opens in new tab") - my favorite color scheme generator. powerful and easy to use tool for generating color schemes > - [adobe color](https://color.adobe.com/create/color-wheel "opens in new tab") - powerful tool for generating color schemes > - [colormind](http://colormind.io/ "opens in new tab") - similar to the coolors and adobe color > - [palette pro](https://palettepro.digital/) - similar to above. simple and clean design > - [reverb wtf](https://reverb.wtf/)- simple generator with some controls. just hit space bar and get a new five color palette > - [color selector](https://www.color-selector.com/ "opens in new tab") - a digital tool developed for art director, trend forecaster, artist, designer and all creative fields. > - [hexcolor generator](https://hexcolor.co/palette-generator "opens in new tab") - simple system. just hit space to generate new palette. other tools linked on site > - [colorspace](http://colormind.io/ "opens in new tab") - pick a color and generate tons of palettes based on categories. nice visuals and interaction too > - [color wheel](https://codepen.io/thepheer/pen/ZLmLJJ "opens in new tab") - codepen that shows hex color wheel with sliders to adjust settings > - [farbvelo](https://farbvelo.elastiq.ch/ "opens in new tab") - neat six color palette generator. fun interactivity and visual style > - [tints and shades generator](https://maketintsandshades.com/ "opens in new tab") - enter a hex color and get lighter and darker versions > - [cccolor by fffuel](https://fffuel.co/cccolor/ "opens in new tab") - pretty color picker with adjustment sliders. also generates tints and shades, as well as warmer and cooler variations > - [palx](https://palx.jxnblk.com/ "opens in new tab") - pick a color and get a full spectrum palette. pretty powerful tool > - [scale](https://hihayk.github.io/scale "opens in new tab") - creates a full color scale with lots of adjustments > - [color spectrum](https://colorspectrum.design/generator.html "opens in new tab") - generates variations based on shades and hues. gives cool previews of how your scheme would look in context. > - [colorbox](https://colorbox.io/ "opens in new tab") - powerful tool to generate color variations with tints/shades but also adjust colors of start/end of the sequence. complicated but powerful > - [subcolor](https://subcolor.github.io/ "opens in new tab") - simple tool to generate stepped color spectrum between two chosen colors > - [huemint](https://huemint.com/brand-intersection/ "opens in new tab") - generates color combinations but shows the results in context as applied to different marketing materials > - [cheeky palettes](https://www.cheekypalettes.com/ "opens in new tab") - two colors combos shown as website context with generated tints and shades > - [verandacolor](https://verandacolor.com/palette-generator "opens in new tab") - generate random four color palette with other similar palettes recommended ^wdj6xm > [!info]- ### premade color palettes > - [2colors](https://2colors.colorion.co/ "opens in new tab") - simple two color combinations > - [duo](https://duo.alexpate.uk/ "opens in new tab") - curated list of two color combinations > - [color palettes](https://colorpalettes.com/ "opens in new tab") - tons of three color combos sorted into different categories like new and popular > - [hhhue](https://fffuel.co/hhhue/ "opens in new tab") - lots of different premade color palettes. [fffuel](https://fffuel.co/ "opens in new tab") has many other cool generators and systems for web work > - [color hunt](https://colorhunt.co/ "opens in new tab") - nice simple site with tons of great four color palettes > - [hex words](https://hexwords.netlify.app "opens in new tab") - colors based on words you can write in hex code. for example, #BADA55 is a nice light green and #7AB (tab) is a nice dusky blue > - [colors.lol](https://colors.lol/ "opens in new tab") - overly descriptive names that are quite fun. pretty good three color combos too > - [poolors](https://poolors.com/ "opens in new tab") - generates "color combos least used by designers", although often it has some pretty good options > - [scheme color](https://www.schemecolor.com/ "opens in new tab") - lots of color schemes > - [hue snap](https://www.huesnap.com/ "opens in new tab") - create from color wheel or uploaded image > - [happy hues](https://www.happyhues.co/ "opens in new tab") - color palettes in context. lots of information about color. plus, the site looks really cute too > - [verandacolor](https://verandacolor.com/palettes "opens in new tab") - random color palettes > - [mymind](https://access.mymind.com/colors "opens in new tab") - simple curated collection of refined color schemes > - [color lisa](https://colorlisa.com) - collection of schemes based on famous paintings > [!info]- ### interesting color tools > - [instagram of color palettes from movies](https://www.instagram.com/colorseffect/) - scenes from famous movies with their corresponding palettes > - [html color codes](https://htmlcolorcodes.com/ "opens in new tab") - color picker similar to photoshop with associated color schemes. also has all the "named" html colors > - [picular](https://picular.co/ "opens in new tab") - search engine for colors. just put in a term and get colors associated with that word > - [palitra](https://palitra.app/ "opens in new tab") - enter a term and the app generates palettes based on google image search results > - [color designer tools](https://colordesigner.io/tools "opens in new tab") - a full suite of color tools and generators > - [khroma](http://khroma.co/ "opens in new tab") - an AI tool that takes colors you choose to create endless palettes. check out the [instagram](https://www.instagram.com/khromacolors/ "opens in new tab") with plenty of two color combinations > - [palettte app](https://palettte.app/ "opens in new tab") - interactive generator to make your own palette. interesting diagrams and system that takes a minute to understand but is worth playing with > - [pigment shape factory](https://pigment.shapefactory.co/ "opens in new tab") - curious tool to explore color relationships through pigments and color temperature. lots of other cool tools hidden away, so definitely worth exploring > - [colorable](https://colorable.jxnblk.com/ "opens in new tab") - generates two color palettes with ability to see contrast levels for accessibility > - [colordot](https://color.hailpixel.com/ "opens in new tab") - move your mouse around the page to find random colors and get their hex code > [!info]- ### color theory > - [[color basics]] - my simple notes on the basics of color theory > - [color wheel and theory by canva](https://www.canva.com/colors/color-wheel/ "opens in new tab")- has a generator, but also does a good job explaining color theory > - [color theory from 99designs](https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/ "opens in new tab") - nice explanation of color theory with examples > - [guide for working with color in digital illustration](https://dribbble.com/stories/2020/04/28/choosing-color-for-illustration "opens in new tab") - focus is on illustration, but the ideas are still applicable to web design > - [how to pick more beautiful colors](https://blog.datawrapper.de/beautifulcolors/ "opens in new tab") - geared toward data visualizations, but still definitely appropriate for web design too > - [color & contrast](https://colorandcontrast.com/#/) - deep interactive dive into how color works. could build an entire course around just the content of this site --- tags: #web #resources #color home: [[! intro to web resources]]