Interactive Color Wheel
Pick colors from an interactive HSL color wheel. Adjust hue, saturation, and lightness. Generate complementary, analogous, triadic, split-complementary, and tetradic harmonies.
Color Values
#368ce2rgb(54, 140, 226)hsl(210, 75%, 55%)Color Harmony
#368ce2
hsl(210, 75%, 55%)
#e28c36
hsl(30, 75%, 55%)
CSS Variables
:root {
--color-1: #368ce2;
--color-2: #e28c36;
}Saved Palettes
No saved palettes yet. Click "Save Current" to bookmark a color scheme.
Frequently Asked Questions
Related Tools
Color Harmony Generator
Generate beautiful color harmonies from any base color. Complementary, analogous, triadic, split-complementary, tetradic, and monochromatic schemes.
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats instantly.
Color Palette Generator
Generate harmonious color palettes. Analogous, complementary, triadic, monochromatic, and random schemes.
Color Palette Extractor
Extract dominant colors from any image using median-cut quantization. Get a beautiful palette with hex codes for your designs.
Color Palette from Image
Extract dominant colors from any image. Upload a photo and get a color palette with hex codes, RGB values, and usage percentages.
CSS Gradient Generator
Create beautiful CSS gradients with a visual editor. Linear, radial, and conic gradients. Copy CSS code instantly.