Explore palettes, convert color formats, and check visual choices while designing interfaces, graphics, or brand assets.
COLOR PICKER
Pick a color visually and inspect its HEX,...
Live color values
Pick a color and inspect its core formats
#4EC8FF
RGBrgb(78, 200, 255)
HSLhsl(199, 100%, 65%)
Practical guide
How to use the Color Picker
Pick a color visually and inspect its HEX, RGB, and HSL values in one quick workspace.
Use a native picker or paste a color value to inspect it instantly. Use clean values and review the result label: live color values.
Displayed colors depend on your screen and browser rendering. Accessibility checks should be paired with real content and contrast review.
Related tools
Tools for the same workflow
Open a nearby calculator or utility when the next step needs a different format, comparison, or check.