pick colors, generate harmonious palettes, and export as HEX, RGB, or HSL. runs entirely in your browser.
Color Picker lets you pick colors and generate harmonious color palettes. Select any color using the visual picker and see its value in HEX, RGB, and HSL formats. Build complete palettes using complementary, analogous, triadic, and other color harmony rules.
The palette generator creates color combinations that look good together based on color theory. Select a base color and choose a harmony type to generate a palette that is scientifically balanced and visually appealing.
All values are ready to copy and paste into CSS, design tools, or any application. The tool runs in your browser with no server connection.
Pick a color
Use the visual color picker to select a color, or enter a HEX, RGB, or HSL value directly.
See all formats
The selected color is displayed in HEX, RGB, and HSL formats simultaneously.
Generate a palette
Choose a harmony type (complementary, analogous, triadic, etc.) to generate a complete color palette.
Copy values
Click any color value to copy it to your clipboard.
Web design
Pick colors and copy HEX values for CSS styling.
Brand palettes
Generate harmonious color palettes for brand identity projects.
UI design
Build consistent color schemes for user interface designs.
Accessibility checking
Compare foreground and background colors for sufficient contrast.
Presentations
Generate matching color schemes for slides and visual presentations.
PDF utilities, image tools, developer helpers — all free, no signup.
Convert between Unix timestamps and human-readable dates.
Build linear and radial CSS gradients visually.
Preview how your link appears on Facebook, Twitter, LinkedIn, Discord, and Slack.
Convert JSON arrays of objects to CSV with auto-detected headers.
Convert Markdown to HTML with a live preview.
Calculate aspect ratios and resize dimensions while keeping proportions.