Free Color Tools
for Designers & Developers
Generate palettes, pick colors from images, convert between formats, check accessibility, build gradients — all in your browser, no sign-up needed.
Popular Tools
Palette Generator
Build random palettes with 2–8 colors. Lock favorites and regenerate the rest.
Color Picker
Pick any color visually. Get values in HEX, RGB, HSL, and HWB at once.
Contrast Checker
Check WCAG AA & AAA contrast ratios between text and background.
Gradient Generator
Build linear, radial, or conic CSS gradients and copy the code.
Image Color Picker
Upload an image and click to extract exact pixel colors.
Random Color Generator
Generate random colors with one click. Copy HEX, RGB, or HSL.
Color Wheel
Explore color harmonies on an interactive wheel.
HEX to RGB Converter
Convert HEX color codes to RGB values instantly.
Palette from Image
Extract a full color palette from any uploaded image.
All Tools 25 tools
Generators
Random Color Generator
Generate and copy random colors in any format.
Palette Generator
Build palettes of 2–8 colors with lock support.
Color Combinations
Complementary, triadic, split, and more harmonies.
Accessible Palette
Palettes that meet WCAG contrast requirements.
Shades & Tints
Generate lighter and darker variations of any color.
Pickers
Color Picker
Full-featured picker with native input and manual fields.
HEX Color Picker
Enter or paste HEX and see all formats live.
Image Color Picker
Click anywhere on an image to grab the exact color.
Palette from Image
Automatically extract dominant colors from a photo.
Color Name Finder
Find the nearest CSS named color for any value.
Converters
Universal Converter
Convert any color to HEX, RGB, HSL, HWB, and more.
HEX → RGB
Convert HEX codes to RGB values.
RGB → HEX
Convert RGB values to HEX codes.
HEX → HSL
Convert HEX codes to HSL notation.
HSL → HEX
Convert HSL values to HEX codes.
RGB → HSL
Convert RGB values to HSL notation.
HSL → RGB
Convert HSL values to RGB.
HEX Alpha
Convert between 8-digit HEX and RGBA.
Accessibility
Frequently Asked Questions
What is the difference between HEX and RGB?
HEX and RGB both represent colors using red, green, and blue channels. HEX uses a six-character hexadecimal notation like #ff5733, while RGB uses decimal values like rgb(255, 87, 51). They describe the same colors — just in different formats.
How do I check if two colors are accessible together?
Use the Contrast Checker. Enter your text color and background color to see the contrast ratio and whether it passes WCAG AA or AAA standards for normal and large text.
Can I pick colors from an uploaded image?
Yes. The Image Color Picker lets you upload any image and click on it to grab exact pixel colors. You can also use Palette from Image to automatically extract dominant colors.
How many colors should a palette have?
It depends on the project. A minimal UI might use 2–3 colors, while a more complex brand system might need 5–8. The Palette Generator lets you choose between 2 and 8 colors.
Is my data stored anywhere?
No. All tools run entirely in your browser. Images are processed locally using the Canvas API. Nothing is sent to a server.