Color Palette Generator
Pick a base color, choose a harmony rule, click a swatch to copy its hex. All generated in your browser — nothing sent anywhere.
Pick a base color, choose a harmony rule, click a swatch to copy its hex. All generated in your browser — nothing sent anywhere.
This free color tool helps you pick colors and get their codes (HEX, RGB and more) for design work. Choose or adjust a color and copy its value to use in CSS, design apps, or anywhere you need an exact shade. Runs in your browser, no account needed.
They describe the same color two ways: HEX is a six-digit code like #1A56DB used widely in web/CSS, while RGB lists the red, green and blue values (0–255 each), like rgb(26,86,219). Most tools, including this one, show both so you can copy whichever your software wants.
Pick the color here and copy the HEX value it shows. If you're matching a color from an image, use an eyedropper/color-picker feature to sample the exact pixel, then read off its code.
Reliable starting points: complementary (opposite on the color wheel) for high contrast, analogous (neighbours) for a calm, harmonious look, and a dominant color with one or two accents. Keep text high-contrast against its background for readability.
Alpha controls transparency — 100% (or alpha 1) is fully solid, 0% is invisible. In code it appears as an extra value, e.g. rgba(26,86,219,0.5) for 50% transparent, useful for overlays and subtle tints.
Aim for enough contrast between text and background — accessibility guidelines suggest a contrast ratio of at least 4.5:1 for normal text. Don't rely on color alone to convey meaning, since some users can't distinguish certain hues.