Color Picker + Palette

HEX colors like #FF5733 are the most common format in web development. Each pair of hex digits represents red, green, and blue intensity from 00 (none) to FF (maximum). RGB expresses the same thing in decimal: rgb(255, 87, 51).

HSL (Hue, Saturation, Lightness) is more intuitive for designers. Hue is the color angle on the wheel (0°=red, 120°=green, 240°=blue), saturation is intensity (0%=gray, 100%=vivid), and lightness is brightness (0%=black, 50%=pure color, 100%=white). HSL makes it easy to create tints, shades, and color harmonies.

Color harmonies are mathematically related colors that look good together. Complementary colors sit opposite on the wheel (180° apart), analogous colors are neighbors (30° apart), and triadic colors form an equilateral triangle (120° apart). This tool generates these palettes automatically from any color you pick.