CSS Duotone
Generate duotone images from your photos with CSS.
More from Colour
View all Colour
Image to Mesh Gradient
Generate beautiful gradients from colors or from a photo.
NEAT
Beautiful gradient animations for your website.
Colors Visualizer
Visualise your colours on real designs for better experience.
4 Color Formula
2 for text and background (primary & secondary colors). 1 accent color to highlight important elements (number 4 & link). And an optional tertiary color to add a bit of personality (the hue slider).
Reasonable Colors
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
Pokemon Palettes
This website allows you to enter a Pokemon's name (or simply its number in the Pokedex), and its top 3 colours will be extracted.
fffuel
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
Poline
Poline is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
Randoma11y
Get random, accessible colour combinations.
hue.tools
An open source toolbox for colours on the web.
Button Buddy
Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.
But wait, there's more! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.