About Color Picker
Use the picker to select a color for a mockup and capture its code for reuse in a design file or stylesheet.
Visual swatch
Preview the selected color.
Two copyable values
Get HEX and CSS rgb() from one selection.
Color Picker
Choose a color visually or enter a six-digit HEX code. Preview the swatch and copy the HEX or CSS RGB output.
Use the picker to select a color for a mockup and capture its code for reuse in a design file or stylesheet.
- 100% free
- No registration
- On your device
- Modern browser
- 1Enter details
- 2Adjust options
- 3View result
Your input stays on this device for this operation. We don’t upload or store it.
How to use Color Picker
- 1
Open the picker
Choose a color with the visual control or type a six-digit value.
- 2
Review the swatch
Check the preview and code.
- 3
Copy the value
Use the HEX or RGB panel.
Formats and practical limits
Visual color choice or six-digit HEX → swatch, HEX and RGB
- The tool does not sample pixels from an uploaded image.
- The workspace does not output HSL, CMYK or an alpha channel.
Practical example
Select #12ABEF and copy the HEX swatch for a mockup.
Further reading
Frequently Asked Questions
1 answersCan I choose a color from a photograph?
The current workspace has no image upload or eyedropper for image pixels.