Color Picker
Pick a color and copy its values for web design and branding. Use it for HEX, RGB, and HSL formats, CSS variables, and quick design decisions.
How to Use
- Select a color using the picker or paste a HEX value.
- Copy the output format you need (HEX, RGB, or HSL).
- Use the value in CSS, design tools, or brand guidelines.
Contrast vs White
—
WCAG
—
Contrast vs Black
—
WCAG
—
Palette
Swatches
Tip: click any swatch to copy HEX.
Saved palettes (local to this browser)
FAQs
- Which format should I use? HEX is common for CSS; RGB/RGBA is useful for transparency; HSL is great for adjusting hue/lightness.
- Why do colors look different on different screens? Displays vary in calibration and color profiles, so always test in context.
- How do I pick accessible colors? Use high contrast for text vs background and test with a contrast checker before publishing.