Loading Legacy
Convert HEX to RGB, HSL, and CSS formats. Generate color palettes, harmonies, and tints/shades.
Tailwind Presets
RGB Sliders
Color Code Converter converts between HEX, RGB, and HSL color formats using standard algorithms, generates complementary/analogous/triadic color harmonies from HSL hue rotation, and creates tint/shade palettes by adjusting the L (lightness) channel.
Instantly convert between HEX, RGB, and HSL color formats. Generate complementary palettes, tints, and shades.
Enter a HEX color code or use RGB sliders.
Switch to HSL to see color harmony options.
Use the Palette tab for tints, shades, and 5-color palettes.
HEX↔RGB: parse pairs as base-16 integers. RGB↔HSL: normalize [0,1], compute max/min/delta, apply standard conversion formulas. Color harmonies via HSL hue rotation: complement +180°, analogous ±30°, triadic +120°/+240°. Tints add lightness, shades subtract.
Split the hex into 3 pairs (RR GG BB) and convert each from base-16 to decimal. E.g., #FF5733 → R:255, G:87, B:51.
HSL stands for Hue, Saturation, Lightness — a more intuitive way to describe colors than RGB.