How do I use the color picker?

Click the color box – a native color picker will open. Choose any colour, and the hex input, conversions, and color preview update automatically.

What hex formats are accepted?

You can type 3-digit (e.g., F0A) or 6-digit (e.g., FF00AA) hex codes. Letters can be lowercase or uppercase.

Web Development & Design Tools

Hexadecimal Converter + Color Picker

Convert hex to decimal, binary, octal, and pick colours visually. Type a hex code or use the colour picker – see all conversions in real time.

Hexadecimal Input (0–FFFFFF)

Accepts 3 or 6 digits (0–9, A–F)

Or pick a color

Click the colour box to open picker

COLOR

Decimal (Base 10)

—

Binary (Base 2)

—

Octal (Base 8)

—

💡 Loading hexadecimal insights...

📖 Hexadecimal & Web Colors

Hexadecimal is base‑16, using digits 0–9 and letters A–F (A=10, B=11, C=12, D=13, E=14, F=15). In web design, colours are represented as #RRGGBB – two hex digits each for red, green, and blue.

🔗 Learn more: Wikipedia – Hexadecimal | MDN Hex Colors

🧮 How Hex to Decimal Works

Example: Hex FF = 15×16 + 15 = 255 decimal. Hex 1F = 1×16 + 15 = 31. Our calculator handles up to FFFFFF (16,777,215 decimal).

🎨 Using the Color Picker

The color picker lets you select any colour visually – the hex input updates automatically.
Typing a valid hex code updates the color picker, conversions, and colour preview.
3‑digit hex codes (e.g., #F0A) are expanded to 6 digits (#FF00AA) for accurate conversion.

💡 Pro Tip

In JavaScript, use parseInt("FF", 16) to convert hex to decimal, and (255).toString(16) to go back. Our tool does it instantly.