Favorites

Color Converter

Convert between HEX, RGB, HSL

Color preview

Edit any value below to convert between formats

HEX

RGB

HSL

CSS values

HEX:#3B82F6
RGB:rgb(59, 130, 246)
HSL:hsl(217, 91%, 60%)

How to convert colors?

Instant conversion:

  1. Enter a color in any format Enter a color in any format
  2. See the preview and all converted formats See the preview and all converted formats
  3. Copy the value you need with one click Copy the value you need with one click
Color formats explained

HEX (Hexadecimal)

Most used format on the web. 6 characters representing Red, Green, Blue.

#FF5733 = R:FF G:57 B:33

RGB (Red Green Blue)

Values from 0 to 255 for each channel. Standard for screens and images.

rgb(255, 87, 51)

HSL (Hue Saturation Lightness)

More intuitive for adjusting colors. H: 0-360°, S&L: 0-100%.

hsl(9, 100%, 60%)
Advanced features
  • Random color: Generate colors for inspiration
  • Quick copy: One click to copy in the desired format
  • Real-time preview: Instantly see your changes
  • CSS values: Ready-to-paste formats for your code
Practical applications
Web Development
  • Convert colors from Figma/Sketch mockups
  • Create CSS themes with variables
  • Adjust colors for dark mode
  • Harmonize palettes between projects
Design & Branding
  • Create brand color variations
  • Generate complementary palettes
  • Adjust brightness for accessibility
  • Export for different formats (print/web)
Color accessibility
  • Minimum contrast ratio 4.5:1 for normal text
  • Minimum contrast ratio 3:1 for large text
  • Avoid communicating by color only
  • Test with color blindness simulators
Pro tips
HSL for variations:

Keep H constant, vary S and L to create consistent shades

60-30-10 rule:

60% dominant color, 30% secondary, 10% accent

Analogous colors:

Use close hues on the color wheel

Grayscale test:

Check that contrast works without color

Did you know?

The human eye can distinguish about 10 million different colors, but standard screens can only display 16.7 million (True Color). The HEX format with its 16,777,216 possible combinations (#000000 to #FFFFFF) therefore covers more than our screens can actually display!