Skip to content
U5F
#designUpdated 2026-07-25

Color Picker

Normalize a color value into hex, RGB, and HSL formats.

Input

Output

Result will appear here.
runs locally

Features

  • Multiple formats
  • Readable output
  • No dependencies

How to use Color Picker

  1. 1Paste a color value
  2. 2Click Convert
  3. 3Use the output format you need

Example

Input — Example

#1d4ed8

Output

Hex: #1d4ed8
RGB: rgb(29, 78, 216)
HSL: hsl(221, 67%, 49%)

What Color Picker does

Normalize a color value into hex, RGB, and HSL formats. It runs entirely client-side, so nothing you enter is sent to a server — useful when working with sensitive data or when you just want an instant result without waiting on a network round-trip.

Common use cases

  • Design tokens
  • CSS authoring

FAQ

What input formats are accepted?

It accepts hex colors like #abc123 and rgb() values.

Related tools

Was this tool useful?