Use this free HEX to RGB converter to instantly translate any colour code between HEX, RGB and HSL formats. Essential for designers and developers who work across multiple tools — Figma, CSS, Photoshop and video editors all use different colour formats.
Different design tools and platforms use different colour formats. CSS and web code uses hex codes (#7c3aed). Design software like Photoshop often uses RGB values (124, 58, 237). And sometimes you'll have one format and need the other. Converting manually involves maths that's easy to get wrong. This tool does it instantly.
Enter a hex code to get the RGB equivalent, or enter RGB values to get the hex code. Use it when you're matching colours between design tools, implementing brand colours in code, or checking whether two colours you're looking at are actually the same.
Step 1 — Enter your colour in the format you have. If you've got a hex code (like #ff6b35), paste it in the hex field. If you've got RGB values (like 255, 107, 53), enter each channel separately.
Step 2 — Get the converted result instantly. The conversion appears immediately. Copy the result and use it wherever you need it.
Step 3 — Double-check the colour looks right. Look at the colour preview to confirm it looks the way you expect. Sometimes a typo in a hex code produces a very different colour — the visual preview catches that immediately.
Forgetting the hash symbol in hex codes. Hex colour codes need the # prefix when used in CSS (#ff6b35, not ff6b35). Some tools accept them without the #, but in actual code, the # is required. This tool handles both, but check which format your destination needs.
Confusing RGB with RGBA. RGB is red, green, blue. RGBA adds an alpha channel for opacity (0 to 1, where 0 is fully transparent and 1 is fully opaque). If you need to specify transparency, you need RGBA format, not just RGB.
Assuming colours look the same across screens. The same hex code will look slightly different on different monitors due to colour profile and calibration differences. For most content creation purposes, hex/RGB codes are consistent enough, but don't be surprised if colours look slightly different on other devices.
A hex colour code is a six-character code preceded by # that represents a colour using hexadecimal numbers. The first two characters represent red, the next two green, and the last two blue. For example, #ff0000 is pure red, #0000ff is pure blue, #ffffff is white, and #000000 is black.
RGB stands for Red, Green, Blue — the three colour channels that combine to create any colour on a screen. Each channel has a value from 0 to 255. RGB(255, 0, 0) is red, RGB(0, 0, 255) is blue, RGB(255, 255, 255) is white.
Use hex codes in CSS and most web-based tools. Use RGB values in design software like Photoshop or Illustrator, or when you need to specify colours in code that works with RGB values. Many tools accept both.
HSL stands for Hue, Saturation, Lightness. It's a more intuitive colour model for many designers because you can adjust brightness and saturation independently. Some CSS frameworks use HSL. This converter focuses on hex/RGB, but the same colour can be expressed in HSL format as well.
Different design tools, programming environments and platforms use different colour formats. Figma and CSS use HEX codes. Adobe Premiere and After Effects use RGB sliders. Video colour grading tools often use 0–255 integers. Converting instantly between formats means your exact brand colour is always available in the right format for the tool you're using.