ScaleWhite Tools

Color Code Converter

Convert colors between HEX, RGB, and HSL formats.

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

What is this tool?

This tool converts color codes between HEX, RGB, and HSL formats in real time. It also provides a visual color preview. Useful for web development and design work.

How to Use

  1. Enter a color value in any format (HEX, RGB, or HSL).
  2. The other formats are automatically calculated and displayed.
  3. Use the color picker to visually select a color.

Examples

  • Convert #FF5733 to RGB and HSL.
  • Find the HEX value for rgb(100, 200, 50).
  • Convert an HSL color from a design tool to HEX for CSS.