Color and Design Tools
Pick, convert, blend and generate colours and CSS, with palettes, gradients and accessibility checks for designers and developers.
50 tools in this category
Color Picker
Pick any colour and read its codes.
HEX to RGB
Convert a hex colour to RGB.
RGB to HEX
Convert RGB to a hex colour.
HSL to RGB
Convert HSL to RGB.
RGB to HSL
Convert RGB to HSL.
HEX to HSL
Convert hex to HSL.
CMYK to RGB
Convert print CMYK to screen RGB.
Color Palette Generator
Build a matching colour palette.
Random Color Generator
Generate a random hex colour.
Gradient Generator
Build a CSS gradient.
Shades and Tints Generator
Create lighter and darker steps.
Complementary Color Finder
Find the opposite hue.
Analogous Color Finder
Find neighbouring hues.
Triadic Scheme Maker
Build a three-colour harmony.
Contrast Checker
Check a WCAG contrast ratio.
Color Blindness Simulator
Preview colours for colour blindness.
Color Name Finder
Find the nearest named colour.
Color Mixer
Blend two colours together.
Darken Color
Reduce a colour's lightness.
Lighten Color
Increase a colour's lightness.
Opacity Tool
Add an alpha channel to a colour.
Box-Shadow Generator
Build CSS box-shadow code.
Gradient Text Generator
Create gradient heading text.
Border-Radius Generator
Build rounded-corner CSS.
Button Generator
Generate styled button CSS.
Glassmorphism Generator
Build frosted-glass CSS.
Neumorphism Generator
Build soft-UI shadow CSS.
Flexbox Generator
Generate flexbox layout code.
Grid Generator
Generate CSS grid code.
Animation Generator
Build CSS keyframe animation.
Filter Generator
Build CSS filter effects.
Transform Generator
Build CSS transform code.
Clip-Path Generator
Build a CSS clip-path shape.
Triangle Generator
Build a CSS triangle.
Tailwind Color Finder
Find the nearest Tailwind colour class.
Material Palette
Generate Material Design shades.
Brand Kit Builder
Assemble a set of brand colours.
Mesh Gradient Maker
Build a blob mesh gradient.
Color Wheel
Explore an interactive colour wheel.
Pantone Approximator
Find the nearest Pantone colour.
Image to Palette
Extract a palette from a photo.
Accessible Color Pairs
Find readable colour combinations.
Neon Color Generator
Generate glowing neon hues.
Pastel Color Generator
Generate soft pastel colours.
Duotone Gradient
Build a two-tone blend.
Hex Randomizer
Shuffle random hex swatches.
CSS Variable Export
Export colour tokens as CSS variables.
Letter Favicon Maker
Make a favicon from an initial.
Placeholder Color Block
Create a solid PNG placeholder.
Color Scheme from Base
Build a full theme from one hue.