IT Market
Tools/Design/Colors/RGB to HEX Color Converter Online
RGB → HEX

Конвертер цветов из RGB в HEX

Tool guide

RGB to HEX Color Converter Online

An eyedropper, a screenshot inspector or an API response hands you a color as three numbers, while stylesheets, brand books and Figma prefer a short six-digit code. Fill the R, G and B boxes, press the convert button and grab the result with the copy button next to it. Everything is computed by a script in the open tab, so no values are sent anywhere while you work. See also: the reverse HEX to R, G and B breakdown, the same colour in hue and lightness terms, find the colour you need with an on-screen picker.

How to use it

  1. Enter the red channel in the R (0-255) box; the field refuses anything above 255.
  2. Fill the G (0-255) and B (0-255) boxes with the green and blue channel values.
  3. Round fractional values to whole numbers — a hex code stores whole bytes only.
  4. Press the convert button and read the resulting code below the inputs.
  5. Use the copy button to put the HEX value on the clipboard for your stylesheet or design file.

FAQ

Why is 300 or a negative number rejected?

Each channel is one byte, and a byte holds exactly 256 states, 0 through 255, so the inputs are bounded at min 0 and max 255. If your source reports channels as fractions between zero and one, multiply by 255 and round: 0.5 becomes 128.

Should the code be written in upper or lower case?

Browsers treat #ff0000 and #FF0000 identically. Brand guidelines and Figma tend to use capitals, CSS files usually go lower case. What matters is consistency across a project, otherwise a search for duplicate color literals in your stylesheets stops matching.

What about transparency, if my color has an alpha channel?

A six-digit code cannot store alpha. There is an eight-digit form where the last pair encodes opacity, but support outside browsers is patchy. For CSS an rgba() value is safer, and a separate HEX to RGBA page in the catalogue produces exactly that.

Can I pick a color from a photo or screenshot here?

This page only converts numbers you type; it does not read images. Sample the channels first with an editor eyedropper, the browser developer tools, or an image color analyzer, then carry the three values into the R, G and B fields.

Are the channel values stored anywhere?

No. The calculation lives in the tab's memory and disappears when you close it, and no history is kept. Copy any code you care about straight into your stylesheet or palette document rather than expecting to find it here later.

The color looks different on screen than in the mockup even though the code matches. Why?

Display color profiles and features like True Tone or night shift are the usual cause. The same HEX renders differently on a calibrated monitor and on a phone. Judge shades on a calibrated screen and treat the code itself as the single source of truth.

Examples

Button color sampled in Photoshop
Before: R 255, G 0, B 0
After: #FF0000
Card background lifted from a mockup
Before: R 244, G 245, B 247
After: #F4F5F7