Color Converter

Convert colors between HEX, RGB, and HSL formats. Use the color picker or type any color value for instant conversion.

Color Values

About Color Conversion

Colors on the web can be represented in multiple formats. This tool lets you convert between the three most common CSS color formats instantly.

Supported Formats

  • HEX — hexadecimal notation like #2563eb or shorthand #abc
  • RGB — red, green, blue values from 0–255, e.g. rgb(37, 99, 235)
  • HSL — hue (0–360), saturation (0–100%), lightness (0–100%), e.g. hsl(217, 81%, 53%)

How to Use

Enter a color in any format (HEX, RGB, or HSL) or use the native color picker. All other formats update instantly. The large preview box shows the selected color at a glance.

Related Tools

📐 Unit Converter Convert between different units of length, weight, temperature, speed, area, volume, and more. Fast and accurate conversions. 🔐 Base64 Encoder / Decoder Encode text or files to Base64 format, or decode Base64 strings back to plain text. Essential tool for developers and data processing. 🌡️ Temperature Converter Convert between Celsius, Fahrenheit, and Kelvin instantly. Real-time conversion with visual thermometer. ⚖️ BMI Calculator Calculate your Body Mass Index (BMI) instantly. Enter your height and weight to check if you are underweight, normal, or overweight. 🏦 Loan Calculator Calculate monthly loan payments, total interest, and amortization schedule. Perfect for mortgage, auto loan, and personal loan planning. 📊 Percentage Calculator Calculate percentages easily. Find what percent one number is of another, calculate percentage increase/decrease, and more.