RGB to HEX Converter
Paste a RGB value and get the exact HEX equivalent instantly — plus every other color format, a gamut check and one-click copy.
Gamut: srgb
Common RGB → HEX values
| Vivid Indigo | rgb(99 102 241) | #6366f1 | Details |
| Vivid Red | rgb(239 68 68) | #ef4444 | Details |
| Orange | rgb(249 115 22) | #f97316 | Details |
| Light Yellow | rgb(234 179 8) | #eab308 | Details |
| Vivid Green | rgb(34 197 94) | #22c55e | Details |
| Teal | rgb(20 184 166) | #14b8a6 | Details |
| Sky Blue | rgb(14 165 233) | #0ea5e9 | Details |
| Blue | rgb(59 130 246) | #3b82f6 | Details |
| Vivid Violet | rgb(139 92 246) | #8b5cf6 | Details |
| Vivid Pink | rgb(236 72 153) | #ec4899 | Details |
| Medium Gray | rgb(120 113 108) | #78716c | Details |
| Black | rgb(0 0 0) | #000000 | Details |
Why HEX is still the handoff format
HEX is compact, unambiguous and understood by every design tool, so it remains the best way to write down a fixed brand color or paste a value into Figma.
Shortening a HEX code
When each pair repeats — #66ccff — you can shorten it to three digits, #6cf. Most colors cannot be shortened without shifting them.
Next step: make it manipulable
Once you have the HEX, convert it to OKLCH to build tints, shades and accessible text pairs from it programmatically.
Frequently asked questions
- How do I turn RGB into HEX manually?
- Convert each 0–255 channel to two hexadecimal digits: 99 becomes 63, 102 becomes 66, 241 becomes f1, giving #6366f1. Pad single digits with a leading zero.
- Which RGB notations does this accept?
- rgb(99 102 241), rgb(99, 102, 241), rgba(99, 102, 241, 0.8) and percentage channels all parse.
- Does HEX support transparency?
- Yes, through an optional fourth pair: #6366f1cc is roughly 80% opaque. Support is universal in modern browsers.