HEX Color Picker
Pick a color and copy its HEX code, plus HEX, RGB, HSL and more.
How to use the HEX color picker
- Read it straight from the picker and copy the HEX line at the top of the readout.
- Pull it from a photo or screenshot with the Image Color Picker.
- Inspect a web page element and read the color in your browser styles panel.
- Need it in another model? Send it through the HEX to RGB converter or the HEX to HSL converter.
What is a HEX color code?
A HEX code is the shorthand browsers read fastest, which is why it is the value you paste into CSS and HTML. It writes one color as a hash plus six characters, like #1E90FF, where the six split into three base-16 pairs for red, green and blue.
How to read the six characters in a HEX color
Common HEX codes worth knowing
When all three pairs repeat, you can shorten the code: #FF0000 becomes #F00 because each character doubles back. That only works when the pairs match.
Applications of the HEX color model
HEX is the default color format of the web, used across CSS, HTML, design tools and brand guidelines because it is compact and unambiguous. If a teammate needs the same color for print, convert it with the HEX to CMYK converter first.
Why HEX is still the default
Even with newer formats around, HEX remains the value most people copy. It is short, it pastes cleanly into any stylesheet, and every tool understands it. The only good reasons to leave HEX are transparency or a perceptual scale, which is exactly where RGBA and OKLCH earn their place.
No. #1e90ff and #1E90FF are identical, though uppercase is more common in style guides.
A three-character code like #F00 that doubles each character, expanding to #FF0000. It only works when the three pairs each repeat.
About 16.7 million, the same as RGB, since each channel still has 256 steps written in base 16.