RGB to Hex Converter
Type red, green and blue values, or drag the sliders, and get the hex code.
Pick a color with sliders
How it works
Each RGB value runs from 0 to 255, and the hex code writes each value as two base 16 digits. 255 becomes FF and 0 becomes 00, so red 255, green 0, blue 0 becomes #FF0000. The sliders set the three values directly, and the number boxes stay in step with them.
Suggested tools
- Word Counter
- Age Calculator
- BMI Calculator
- Tip Calculator
- Tax Calculator
- VAT and Sales Tax Calculator
- Capital Gains Calculator
- Late Payment Fine Calculator
- GPA and CGPA Calculator
- Unit Converter
- Password Generator
- QR Code Generator
- JSON Formatter and Validator
- Stopwatch
- Countdown Timer
- Coin Flip
- Dice Roller
- Pomodoro Timer
- Palworld Breeding Calculator
- Caesar Cipher
- Tally Counter
- Shape Calculator
- Pythagoras Calculator
- Gravity Calculator
- Aesthetic Name Generator
- Sigma and Alpha Name Suggester
- Instagram Username Suggester
- Full Form Finder
- Translator
- Zodiac Finder
- Song Suggester
- Drawing Tool
- Number System Converter
- Unicode to Preeti Converter
- Jokes
- Voice Counter
- Government Guides
- Passport Photo Maker
- Loan EMI Calculator
- Random Picker
- Text Case Converter
- Currency Converter
- Hex to RGB Converter
- RGB to CMYK Converter
- CMYK to RGB Converter
- RGB to HSL Converter
- HSL to RGB Converter
- RGB to HSV Converter
- HSV to RGB Converter
- Weather Forecast
- English Dictionary
- Trivia Quiz
- Joke Generator
- Public Holidays
- Colour Palette Maker
- Fruit Nutrition Finder
- Poetry Finder
- Random Dog Picture
- Internet Radio Finder
- Upcoming Rocket Launches
- Free Games Finder
- Pokémon Lookup
- Sun, Earth and Moon Simulator
FAQ
Why is the hex code in capital letters?
Capitals are the usual style for hex codes, but lowercase means the same thing. #ff0000 and #FF0000 are the same color.
Can I type values with commas?
No, type one number per box. Each box takes a whole number from 0 to 255, and anything outside that range is clamped to fit.
What is the # at the start for?
It marks the code as a hex color, which is how CSS and design tools expect it. Copy the whole code including the #.