Learn every tool in minutes
Short guides with screenshots from the real app. Pick a tool and follow the steps.
How to generate a color palettePress the space bar for a new palette, lock the colors you like, then save or export it.How to build color harmonies on the wheelPick a base color, choose a harmony and open the result as a palette.How to make a CSS gradientBuild a linear, radial or conic gradient and copy the CSS.How to check color contrast (WCAG)Test a text and background pair, fix a failing one, or check every pairing in a palette.How to make tints, shades and tonesTurn one color into lighter, darker and softer versions.How to create a Tailwind color scaleTurn a brand color into a 50 to 950 scale for Tailwind v3 or v4.How to extract colors from an imageDrop in a photo, logo or screenshot and get a palette. The image never leaves your device.How to convert HEX, RGB, HSL and OKLCHType a color in one format and copy it in all the others.How to preview a palette and export a light/dark themeSee your colors on illustrations, lettering, logos, patterns and website mockups, set each role, check the contrast pairs and export the CSS.How to use your wishlist and libraryHeart colors and palettes, find them again, back them up and sync them.How to find a named colorSearch 1,500 named colors by name, family or HEX code.How to make a palette between two colorsPick a start and end color, choose how many steps you want, and export the result.How to browse and reuse gradientsFilter the gradient gallery, copy the CSS, or open one in the gradient generator to edit it.How to edit a photoApply filters and effects, adjust the look, rotate and download. The photo never leaves your device.How to make a photo collageChoose a layout, add photos, tune the spacing and an optional palette strip, then download.How to find and use a free fontSearch the font list, save favorites, and copy the CSS or embed code.How to use Color BotAsk for palette ideas by mood or industry, harmonies of a color, a color's name, or a contrast check.