Color Picker
Pick a color with the native browser color input and view matching HEX, RGB and HSL formats. Use copy buttons to move values into your design or CSS workflow.
Result
HEX: #111827
RGB: rgb(17, 24, 39)
HSL: hsl(221, 39%, 11%)
How to use this tool
Enter the required values in the labeled fields. Results update in your browser and are announced for assistive technologies. Use realistic measurements and verify important outcomes before acting on them.
Formula or logic
The selected HEX color is parsed into red, green and blue channels, then converted to HSL.
Example calculation
Example: #111827 becomes RGB 17, 24, 39 and a dark blue-gray HSL value.
Frequently asked questions
Can I copy the values?
Yes. Each generated color format has an accessible copy button.
Does this create palettes?
No. The MVP focuses on single-color conversion and preview.
Is the color sent anywhere?
No. It stays in your browser.
Related tools
Contrast Checker
Check foreground and background colors against WCAG contrast rules.
Unit Converter
Convert length, weight and volume units in the browser.
Word Counter
Count words, characters, sentences, paragraphs and estimated reading time privately.