Free Developer Tool
Instantly translate RGB color values into web-ready HEX codes for your CSS stylesheets.
RGB Values
Output Formats
How It Works
Each channel is a number from 0–255. Red=255, Green=0, Blue=0 gives you #FF0000 (pure red).
The HEX code refreshes as you type. Values outside 0–255 are automatically clamped to the valid range.
The colour swatch shows you the exact colour so you can verify before copying.
Click Copy to grab the HEX value — ready to paste straight into your CSS, Figma, or any other tool.
FAQ
Convert each channel from decimal to hexadecimal. For example, RGB(255, 128, 0) → FF (255), 80 (128), 00 (0) → #FF8000. This tool does it instantly so you don't have to do the maths.
Make sure each value is within 0–255. Negative numbers or values over 255 will be clamped. Also, RGB(0, 0, 0) is black (#000000) and RGB(255, 255, 255) is white (#FFFFFF) — these are common reference points.
CSS supports both. rgb(255, 128, 0) and #FF8000 produce identical results. HEX is more compact; RGB is more readable. Use RGBA for transparency: rgba(255, 128, 0, 0.5) for 50% opacity.