Color Picker — Free
Pick any color and get its HEX, RGB, HSL, and CSS values instantly. Copy any format with one click.
WCAG Contrast
6 formats
HEX, RGB, HSL, RGBA, HSLA, CSS variable — copy any with one click.
WCAG contrast
See the contrast ratio against white and black and whether it passes WCAG AA.
Quick presets
15 preset swatches for quick access. Type any HEX directly in the input field.
What is an online color picker?
An online color picker lets you select any color and instantly get its value in the formats used across web development and design — HEX, RGB, and HSL. Pixvert's color picker also shows the WCAG contrast ratio against white and black, so you can check accessibility at the same time you choose a color.
Instead of switching between a design tool and a code editor to convert color formats, this color picker gives you every value at once: the HEX code for CSS, the RGB values for JavaScript or canvas work, and HSL for when you need to adjust hue, saturation, or lightness independently. Each value has a one-click copy button.
Choosing the right color is only half the job in web design — making sure it has enough contrast against its background is what makes text actually readable. Pixvert's color picker checks this automatically, flagging whether a color passes WCAG AA or AAA contrast standards.
How to pick and convert a color
- 1
Choose a color — use the visual picker, drag the sliders, or type a HEX code directly
- 2
View the converted values — HEX, RGB, and HSL update instantly and side by side
- 3
Check contrast — see the WCAG contrast ratio against white and black text
- 4
Copy the format you need — click any value to copy it to your clipboard
When to use a color picker
Matching a brand color
Pick a color from a screenshot or logo and get its exact HEX code to use in CSS.
Checking text accessibility
Verify a color combination meets WCAG contrast requirements before shipping a design.
Converting between formats
Get the RGB or HSL equivalent of a HEX code found in a design file or style guide.
Building a color palette
Fine-tune a color's hue, saturation, and lightness using HSL sliders while designing a UI.
Why use Pixvert's color picker?
- ✓All formats at once: HEX, RGB, and HSL shown together, no need for separate converters
- ✓Built-in accessibility check: WCAG AA/AAA contrast ratio calculated automatically
- ✓100% local and private: nothing you pick or type is sent to a server
- ✓Free, no signup: use it as often as you need without an account
Frequently Asked Questions
What color formats does the tool support?
HEX, RGB, and HSL are all shown at the same time for any color you select, each with a one-click copy button.
How is the contrast ratio calculated?
The tool uses the WCAG 2.1 relative luminance formula to compute contrast ratio against white and black, then checks it against the AA (4.5:1) and AAA (7:1) thresholds for normal text.
Can I input a color instead of using the visual picker?
Yes, you can type a HEX code directly or use the RGB/HSL sliders to set an exact value.
Is this color picker free to use?
Yes, completely free with no usage limits or signup required.
Does the tool store the colors I pick?
No, nothing is saved. All color selection and conversion happens locally in your browser session.
What is a good contrast ratio for body text?
WCAG recommends at least 4.5:1 for normal text (AA) and 7:1 for enhanced accessibility (AAA). Larger text has a lower minimum of 3:1.