Code Flick TechnologiesToolscodeftech.com

Color Converter

Pick a color or paste any common notation (hex, rgb(), hsl()) and see all three formats with a live preview swatch.

100% in your browser. Files never uploaded.
HEX
#e11d48
HEX + alpha
#e11d48
RGB
rgb(225, 29, 72)
HSL
hsl(347, 77%, 50%)

How to use

  1. 1
    Pick or paste a color
    Hex, rgb(), rgba(), hsl(), hsla() — modern (space-separated) or legacy (commas).
  2. 2
    Read all formats
    Hex, hex+alpha, RGB, and HSL render simultaneously.
  3. 3
    Copy any
    One click per row.

Related tools