Result (HEX)
#6366F1
Lowercase#6366f1
hex#6366F1
rgbrgb(99, 102, 241)
hslhsl(239, 84%, 67%)
hsvhsv(239, 59%, 95%)
cmykcmyk(59%, 58%, 0%, 5%)
oklchoklch(58.54% 0.2041 277.12)
How this conversion is calculated
- Divide each channel by 16. The whole part is the first hex digit, the remainder the second.
- Red 99 = 6 x 16 + 3, so 63. Green 102 = 6 x 16 + 6, so 66. Blue 241 = 15 x 16 + 1, so F1.
- Join them after a #: #6366F1.
Code snippets
CSS
color: #6366F1;CSS variable
--brand: #6366F1;SCSS
$brand: #6366F1;Swift (UIKit)
UIColor(red: 0.388, green: 0.4, blue: 0.945, alpha: 1)SwiftUI
Color(red: 0.388, green: 0.4, blue: 0.945, opacity: 1)Android XML
<color name="brand">#6366F1</color>Kotlin / Jetpack Compose
Color(0xFF6366F1)Java (Android)
Color.argb(255, 99, 102, 241)Flutter
Color(0xFF6366F1)Unity C#
new Color32(99, 102, 241, 255).NET C#
Color.FromArgb(255, 99, 102, 241)Python tuple
(99, 102, 241)Convert a list
Paste up to 1,000 values, one per line. Each line is converted to HEX.
More color formats (HWB, LAB, LCH, OKLab, XYZ and more)
RGB %rgb(38.8%, 40%, 94.5%)
HWBhwb(239 38.8% 5.5%)
OKLaboklab(58.54% 0.0253 -0.2025)
CIE LABlab(50.1% 38.69 -70.49)
CIE LCHlch(50.1% 80.4 298.76)
CIE LUV50.1, -8.88, -111.2
CIE XYZ25.769, 18.504, 85.416
CIE xyY0.1987, 0.1427, 18.504
Decimal6514417
Binary01100011 01100110 11110001
Nearest web safe#6666FF
Common colors reference table
Click a name to load it into the converter.
| Color | HEX | RGB | HSL |
|---|---|---|---|
| #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) | |
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) | |
| #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) | |
| #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) | |
| #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) | |
| #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) | |
| #C0C0C0 | rgb(192, 192, 192) | hsl(0, 0%, 75%) | |
| #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | |
| #800000 | rgb(128, 0, 0) | hsl(0, 100%, 25%) | |
| #808000 | rgb(128, 128, 0) | hsl(60, 100%, 25%) | |
| #008000 | rgb(0, 128, 0) | hsl(120, 100%, 25%) | |
| #800080 | rgb(128, 0, 128) | hsl(300, 100%, 25%) | |
| #008080 | rgb(0, 128, 128) | hsl(180, 100%, 25%) | |
| #000080 | rgb(0, 0, 128) | hsl(240, 100%, 25%) | |
| #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) | |
| #FF6347 | rgb(255, 99, 71) | hsl(9, 100%, 64%) | |
| #FFD700 | rgb(255, 215, 0) | hsl(51, 100%, 50%) | |
| #4B0082 | rgb(75, 0, 130) | hsl(275, 100%, 25%) |
How to use
01
Enter the RGB values
Type or paste into Input (RGB), for example rgb(24, 119, 242) or 24, 119, 242. You can also drag the Red, Green and Blue sliders or type into the number boxes beside them.
02
Check the preview and result
The swatch shows the color and the Result (HEX) card shows the code. If a value is out of range, a message explains the problem, such as a number above 255.
03
Copy the hex code
Press Copy on the result, or on the Lowercase variant if your codebase uses lowercase hex. For rgba() input, HEX without alpha gives the plain 6 digit code as well.
Why RGB to HEX Converter
- R, G and B sliders and number fields.
- Accepts rgb(), rgba(), modern syntax and bare numbers.
- rgba() input returns an 8 digit hex with alpha.
- Bulk list mode, worked math and code snippets.
RGB to hex: the manual method
Converting by hand takes three short divisions. Work through red, green and blue in turn. Divide the number by 16. The whole part becomes the first hex digit and the remainder the second. Use A for 10, B for 11, C for 12, D for 13, E for 14 and F for 15.
Example with rgb(24, 119, 242). Red: 24 / 16 = 1 remainder 8, giving 18. Green: 119 / 16 = 7 remainder 7, giving 77. Blue: 242 / 16 = 15 remainder 2, giving F2. Join them after a hash and you get #1877F2.
| RGB | HEX | Color |
|---|---|---|
| rgb(0, 0, 0) | #000000 | Black |
| rgb(255, 255, 255) | #FFFFFF | White |
| rgb(255, 0, 0) | #FF0000 | Red |
| rgb(0, 128, 0) | #008000 | Green |
| rgb(0, 0, 255) | #0000FF | Blue |
| rgb(128, 128, 128) | #808080 | Gray |
| rgb(255, 165, 0) | #FFA500 | Orange |
| rgb(24, 119, 242) | #1877F2 | A bright blue |
Common questions
How do I convert RGB to hex manually?
Divide each value by 16. The whole number is the first hex digit and the remainder is the second, using A to F for 10 to 15. For 242: 242 / 16 = 15 remainder 2, so F2. Do this for red, green and blue and join the pairs after a #.
How do I convert RGBA to hex with transparency?
Convert the alpha to a 0 to 255 number by multiplying by 255 and rounding, then write it as a hex pair at the end. rgba(24, 119, 242, 0.5) becomes #1877F280, because 0.5 x 255 rounds to 128, which is 80 in hex. The converter does this for you.
What is rgb(255, 255, 255) in hex?
It is #FFFFFF, white. 255 is the largest value one channel can hold, and 255 in hex is FF. rgb(0, 0, 0) is #000000, black.
Why are hex color codes 6 characters long?
Each of the three channels needs two hex digits to cover 0 to 255, since 16 x 16 is 256. Three channels times two digits gives six. An optional seventh and eighth digit add alpha.
Is RGB to hex conversion lossless?
Yes, for whole numbers from 0 to 255. Both notations store the same 8 bits per channel, so converting back and forth gives the same values. Decimal or percentage inputs are rounded to the nearest whole number first.
Can I paste RGB numbers without the rgb() wrapper?
Yes. 24, 119, 242 and 24 119 242 both work. The modern CSS form rgb(24 119 242 / 50%) is accepted too, and percentages such as rgb(100%, 50%, 0%) are converted to 0 to 255 first.
What happens if an RGB value is above 255?
The converter shows the message Each RGB value must be between 0 and 255 and does not produce a code. Browsers clamp such values in CSS, which can hide a typo, so the tool flags it instead.
Does the RGB to HEX converter output uppercase or lowercase?
The main result is uppercase, which is easier to read. The Lowercase row gives the same code in lowercase. CSS treats both the same.
How do I get Swift or Android code for an RGB color?
Scroll to Code snippets under the converter. It shows the same color as a UIColor and SwiftUI Color for iOS, an Android XML color and a Kotlin or Java value, plus Flutter, Unity and .NET, each with its own Copy button.