01
Pick or enter a color and confirm it visually
Enter a HEX value, use the native color picker, or sample any pixel on the display, with a large swatch making the selected color unmistakable.
ColorDeveloper & Data
Sample a color visually and copy it as HEX, RGB, or HSL.
Color Converter accepts HEX text, the native macOS color picker, or a screen sample from any visible pixel. A large swatch confirms the selection while normalized HEX, RGB, and HSL values remain ready to copy into code, tokens, or design documentation.
Start the 14-day trial in the app. No payment method is required to try Foldout.
Local tool processingFiles and tool work stay on your Mac.
100+ focused toolsFiles, PDFs, media, capture, and developer workflows.
Settings ready to goFormats, dimensions, and other values carry into the tool.
Try everything first14 days in the app. No payment method required.
What it does
Pick or enter a color, verify it visually, and copy the notation another tool expects.
Enter three- or six-digit HEX values.
Sample a pixel from anywhere on the screen.
Use the native macOS color picker.
Confirm the result in a large live swatch.
Copy normalized HEX, RGB, or HSL values independently.
Sample, verify, copy
Keep the visible color and its code representations together.
A large swatch proves the selection while HEX, RGB, HSL, the native picker, and screen sampling stay within reach.
02
Copy the same color as HEX, RGB, or HSL
Keep the visual color fixed while copying the notation required by CSS, design tokens, native code, or a handoff document.
Why it belongs
Why Color earns a place in the toolbox.
The practical details that make this job faster, clearer, or safer than doing it by hand.
The color is more than a string
A large swatch makes malformed values and unintended selections obvious before anything is copied.
Screen sampling is built in
Use the macOS magnifier to pick the actual pixel from an app, image, browser, or design canvas.
Every common web notation
HEX, RGB, and HSL stay synchronized from the same selected color.
How to use it
From opening the tool to saving the result.
- 01
Enter HEX, open the picker, or sample the screen.
- 02
Confirm the color in the swatch.
- 03
Review the normalized values.
- 04
Copy HEX, RGB, or HSL.
Questions
Before you try Color
Can I pick a color from the screen?
Use Screen Color Picker for eyedropper capture.
Related tools