Find Your Colors. Copy in a Click.
Explore curated palettes, generate harmonious combinations, preview colors on realistic designs, and copy codes instantly in HEX, RGB, or HSL.
Featured Color Harmonies
Lavender Mist
Blush Peony
Mint Cream & Sage
Buttercup Dawn
Skyline Breeze
Peach Sorbet
Professional Color Workflow
Palette Generator
Create harmonious color combinations with complementary, analogous, triadic, and monochromatic schemes. Lock your favorite shades and generate with Spacebar.
Open Generator →Color Picker
Select any visual shade with fine precision. View instant tints, shades, and mathematical color harmonies ready for digital design.
Pick Colors →Color Converter
Convert between HEX, RGB, HSL, and approximate CMYK with strict validation and shorthand support. Copy individual values with one click.
Convert Colors →WCAG Contrast Checker
Evaluate color accessibility using standard sRGB relative luminance calculations. Get precise AA and AAA ratings for normal text, large text, and UI elements.
Check Contrast →Gradient Generator
Craft smooth linear and radial gradients with editable color stops, customizable angles, real-time preview, and one-click CSS copy.
Create Gradients →Image Color Picker
Extract dominant color palettes and sample exact pixels with an interactive magnifying eyedropper. 100% processed in your browser—no images are uploaded.
Sample from Image →See Your Colors on a Real Website
Interactive color preview — sample website only.
Build Modern Digital Products with Purpose
Delivering high-performance software and thoughtful digital experiences designed for speed and clarity.
Analytics & Metrics
Real-time analytics and telemetry tracking across distributed microservices.
Top Rated Experience
Praised for exceptional accessibility, clean typography, and responsive design.
Frequently Asked Questions
How do I copy color codes on HexCopy?
Simply click or tap any color swatch anywhere on the site. HexCopy immediately copies the code to your clipboard and displays an accessible toast confirmation. You can choose whether to copy in HEX (#6638f9), RGB (rgb(102, 56, 249)), or HSL (hsl(254, 94%, 60%)) using the format selector.
Can I copy an entire palette at once?
Yes. Click the "Copy All" button on any palette card to copy the full set of color values as comma-separated hex codes or formatted CSS custom properties (:root variables) ready to paste into your stylesheet or design system.
How does the WCAG Contrast Checker calculate accessibility ratios?
The HexCopy contrast checker calculates relative luminance using standard sRGB gamma-expansion formulas per W3C Web Content Accessibility Guidelines (WCAG 2.1). Ratios range from 1:1 (no contrast) to 21:1 (black on white). Normal body text requires at least 4.5:1 for AA level and 7.0:1 for AAA level.
Are images uploaded when using the Image Color Picker?
No. Your images are processed entirely inside your browser using the local HTML5 Canvas API. Your files are never uploaded to any remote server or third-party service, ensuring complete privacy for client assets and unreleased projects.
Where are saved palettes stored?
Saved palettes are stored locally in your browser using standard HTML5 localStorage. No account creation, passwords, or tracking cookies are required. Please note that clearing your browser cache or site data will remove saved palettes on that device.
How can I export palettes for my project?
HexCopy provides four practical export formats: high-resolution PNG image with visible color swatches and codes, CSS Custom Properties code snippet, structured JSON data, and permanent shareable links that encode the palette parameters directly in the URL without a database.
How does the palette generator determine harmony?
The generator uses established color wheel relationships—complementary (opposite hues), analogous (adjacent hues), triadic (equidistant triangle), and monochromatic (varying saturation and lightness). You can lock specific colors you love while regenerating the rest.