Complete guide to HEX color codes for web design. Learn how to read hexadecimal colour values, convert between formats, and pick the right colours for your website.
Every colour you see on a website can be represented as a HEX code - a six-digit combination of numbers and letters starting with #. Understanding how these codes work gives you precise control over your design palette.
How to Read HEX Colors
A HEX colour like #FF5733 is actually three two-digit values: FF (red), 57 (green), 33 (blue). Each pair ranges from 00 (none of that colour) to FF (maximum). So #FF5733 is maximum red, medium green, and low blue - a vibrant orange.
- #FF0000 - Pure red
- #00FF00 - Pure green
- #0000FF - Pure blue
- #000000 - Black (no colour)
- #FFFFFF - White (maximum of all colours)
- #808080 - Medium grey (equal parts red, green, blue)
Our Color Converter converts between HEX, RGB, HSL, HSV, and other formats. Use the Color Picker to visually select colours and get their code.
HEXA and RGBA
For transparency, use HEXA (8-digit hex with alpha) or RGBA. Our converter handles all these formats so you can use whatever your project requires.