Design
Tools for your design projects: pick and convert colors.
-
Color Picker
Pick a color and get its hex, RGB and HSL codes.
Open tool -
Color Converter
Convert a color between hex, RGB and HSL formats.
Open tool -
Color Palette Generator
Generate a 5-color palette of shades from a single base color, instantly.
Open tool -
WCAG Contrast Checker
Check the contrast ratio between two colors against WCAG AA/AAA accessibility standards, instantly.
Open tool -
Color Converter (HEX/RGB/HSL/CMYK)
Convert a color between HEX, RGB, HSL and CMYK instantly, all at once.
Open tool -
Random Color Generator
Generate a random color instantly, with its hex code, for design inspiration.
Open tool -
CSS Gradient Generator
Create a linear or radial CSS gradient visually and copy the ready-to-use CSS code.
Open tool -
Color Blindness Simulator
See how an image looks with protanopia, deuteranopia or tritanopia color blindness, instantly.
Open tool
The Design category brings together tools for picking and converting colors, an essential step in any design project, whether a website, a visual identity, or an illustration. Finding the right shade and knowing its equivalents in different formats (hex, RGB, HSL) helps keep a project consistent, including across several pieces of software or coding languages.
These tools give an instant result, with no need to memorize color-conversion formulas, and run directly in the browser. They're useful for a professional designer as much as for a developer who simply needs to look up a color code to add to a stylesheet.
These tools give an instant result, with no need to memorize color-conversion formulas, and run directly in the browser. They're useful for a professional designer as much as for a developer who simply needs to look up a color code to add to a stylesheet.