ColorLab — color tools for people who ship interfaces

Convert HEX to RGB and HSL, check WCAG contrast ratios, generate palettes and build CSS gradients. Every tool runs locally in your browser with no signup and no tracking.

All tools

HEX to RGB ConverterConvert any HEX color to RGB and HSL instantly. Type a code or pick a color an...WCAG Contrast CheckerCheck the contrast ratio between text and background colors and see whether th...Color Palette GeneratorGenerate a complementary, analogous, triadic or shaded palette from one base c...CSS Gradient GeneratorBuild a linear gradient from two colors and an angle, preview it live and copy...

Guides

HEX to RGB: How Web Colors Actually WorkGuide · HEX and RGB are two notations for the same three numbers. Learn how to… WCAG Contrast Ratio: What 4.5:1 Actually MeansGuide · WCAG requires 4.5:1 contrast for body text and 3:1 for large text. Her… How to Build a Color Palette That Holds TogetherGuide · A practical method for building a color palette: one base hue, three h…