Color Picker

Color Picker guide

Pick a color and view its HEX, RGB, and HSL values.

Input and limitations

Use your browser's native color picker. The HEX, RGB, and HSL results are read-only.

Check the selected options before using the result. Formatting and conversion do not establish that data is safe or suitable for your application.

How to use Color Picker

1. Open the color swatch and choose a color in the native picker.
2. View the read-only HEX, RGB, and HSL results.
3. Use each result's copy button to copy its value.
4. Click Clear to empty the results and reset the swatch to black.

Example

Choose red in the color swatch and inspect its HEX, RGB and HSL representations. Display appearance depends on the device.

Privacy on the website

The website uses Blazor Auto: interactive processing can run on the server or in your browser, depending on the current session. Do not assume pasted input stays on your device. Use non-sensitive sample data, and never place passwords, tokens or personal data in page URLs.

Search indexing covers public tool descriptions, not your input or generated output. See the privacy policy for website analytics and other data handling.