HEX to RGB: How Web Colors Actually WorkHEX and RGB are two notations for the same three numbers. Learn how to convert between them by hand, why 3-digit shorthand works and where HSL fits in.WCAG Contrast Ratio: What 4.5:1 Actually MeansWCAG requires 4.5:1 contrast for body text and 3:1 for large text. Here is where those numbers come from, how the ratio is calculated and the mistakes that fail audits.How to Build a Color Palette That Holds TogetherA practical method for building a color palette: one base hue, three hue relationships that work, and a lightness ladder for surfaces, borders and text.
Sponsored — ad slot reserved
All tools
HEX to RGB ConverterConvert any HEX color to RGB and HSL instantly. Type a code or pick a colo…
WCAG Contrast CheckerCheck the contrast ratio between text and background colors and see whethe…
Color Palette GeneratorGenerate a complementary, analogous, triadic or shaded palette from one ba…
CSS Gradient GeneratorBuild a linear gradient from two colors and an angle, preview it live and …