Choose any color and instantly get its HEX, RGB and HSL values. Explore matching palettes, shades and accessible text contrast—all right in your browser.
#6C5CE7
Electric violetExplore harmonious colors generated from your pick. Click any swatch to use it.
We automatically choose the more legible text color for your background.
The preview compares white and near-black text using WCAG contrast math. Aim for at least 4.5:1 for normal body text.
Find a precise color code in three quick steps.
Open the visual picker, try a random color, or move the hue, saturation and lightness sliders.
Edit a HEX, RGB or HSL value directly. Every format, shade and harmony updates automatically.
Copy the color code you need and paste it into CSS, design software, presentations or artwork.
This free color picker online converts the same color between the formats designers and developers use most. HEX codes are compact values commonly used in CSS, RGB expresses the red, green and blue channels, and HSL makes it easy to adjust hue, saturation and lightness.
Use the generated tints, shades and harmony suggestions to expand one color into a coordinated scheme. For a larger five-color workflow with CSS export, try our color palette generator.
Quick answers about choosing and converting colors.
An online color picker is a browser-based tool for selecting a color and viewing its HEX, RGB and HSL values for websites, apps and design projects.
Choose a color with the visual selector or adjust the sliders. The matching six-digit HEX code appears instantly, ready to copy.
HEX and RGB describe colors with red, green and blue values. HSL represents the same color through hue, saturation and lightness, which is often easier to adjust visually.
Yes. It is free, requires no account and runs directly in your browser.
Keep creating with these fast, browser-based helpers.