Design tool
Color Picker & Converter
Pick a color and view its HEX, RGB and HSL values, plus contrast-checking support.
Result
Your result will appear here.
Privacy note: most tools process input locally in your browser.
About the Color Picker & Converter
Pick a color visually or enter a HEX code to inspect common web color representations.
How to use this tool
Choose a color or enter a six-digit HEX value, then select Show color values.
Example
HEX #4F46E5 is equivalent to RGB 79, 70, 229.
Tips for better results
Screens can display colors differently; use contrast checks and test designs on multiple devices.
Frequently asked questions
What is HEX?
It is a hexadecimal representation of RGB channel values.
Can I use the values in CSS?
Yes, after verifying the color and contrast.