Tools
Word / Character CounterCase ConverterLorem Ipsum GeneratorJSON FormatterRegex TesterCron Expression ParserString Escape / UnescapeSQL Formatter
Merge PDFSplit PDFPDF to ImageImage to PDFCompress PDFUnlock PDF
Image ConverterImage ResizerImage CropperOCR Text ExtractorImage Compressor
Hash GeneratorQR Code GeneratorPassword GeneratorColor Palette GeneratorUUID Generator
Base64 Encoder/DecoderURL Encoder/DecoderHTML Encoder/DecoderUnicode Encoder/DecoderASCII Encoder/Decoder
JSON ViewerCSV ViewerMarkdown ViewerJWT ViewerDiff Viewer
JSON → YAMLJSON → XMLJSON → TypeScriptJSON → CSVYAML → JSONCSV → JSONXML → JSONMarkdown → HTMLTOML → JSONUnix Timestamp ConverterJSON → TOMLHEX ↔ RGB Converter
Finance
Severance Pay Calculator
Daily
Tip CalculatorAge CalculatorElectricity Cost CalculatorDate CalculatorD-Day Calculator100-Day Anniversary CalculatorRelationship Days CalculatorTime CalculatorPercentage CalculatorRatio CalculatorAverage CalculatorDiscount Calculator
Health
Sleep CalculatorBMI CalculatorBMR CalculatorDaily Calorie CalculatorBody Fat CalculatorWater Intake Calculator
Study
GPA CalculatorExam Average Calculator
Utility
Color ConverterRandom Number GeneratorUnit ConverterArea CalculatorVolume CalculatorSpeed CalculatorData Size ConverterAspect Ratio Calculator

HEX ↔ RGB Converter

Instantly convert HEX color codes to RGB and HSL formats.

color: #3498DB;
color: rgb(52, 152, 219);
color: hsl(204, 70%, 53%);

How to Use

Enter a HEX color code to automatically convert it to RGB and HSL values. You can also enter RGB values to get the corresponding HEX code. • HEX: The most common color notation on the web (#FF5733) • RGB: Red, Green, Blue channel values (0-255) • HSL: Hue, Saturation, Lightness All processing happens in your browser — no data is sent to any server.

Conversion Examples

HEX #FF5733 → RGB(255, 87, 51) → HSL(11°, 100%, 60%) HEX #3498DB → RGB(52, 152, 219) → HSL(204°, 70%, 53%) HEX #2ECC71 → RGB(46, 204, 113) → HSL(145°, 63%, 49%)

FAQ

What is a HEX color code?
A HEX color code represents colors using hexadecimal notation. In #RRGGBB format, each pair represents red, green, and blue channels ranging from 00 to FF. It is widely used in CSS and HTML.
What is the difference between RGB and HSL?
RGB defines colors by mixing red, green, and blue channels. HSL uses Hue, Saturation, and Lightness. HSL is more intuitive for human perception of color.
Is my data sent to a server?
No, all conversions happen entirely in your browser. No data is transmitted anywhere.

Related Tools

Color Converter

Convert between HEX, RGB, and HSL color codes.

Color Palette Generator

Generate harmonious color palettes — complementary, analogous, triadic, and more. Export as CSS or Tailwind config.

Image Converter

Convert between PNG, JPG, and WebP image formats directly in your browser. Adjustable quality with file size comparison.

Base64 Encoder/Decoder

Encode and decode Base64 strings.

Unit Converter

Convert length, weight, temperature, and more.