ToolVaults

HEX ↔ RGB ↔ HSL ↔ HSV ↔ CMYK

Paste any color in hex, rgb(), rgba(), or hsl() and get it in every other format instantly. Includes a live swatch and a native color picker.

Runs 100% in your browser — nothing is uploaded.Use this in a chain
  • HEX#4f46e5
  • RGBrgb(79, 70, 229)
  • HSLhsl(243, 75%, 59%)
  • HSVhsv(243, 69%, 90%)
  • CMYKcmyk(66%, 69%, 0%, 10%)

How to use

  1. 1
    Paste any color

    Hex, rgb(), rgba(), hsl(), or hsla() — the tool auto-detects the format.

  2. 2
    Or pick from the swatch

    The native color picker opens next to the input for visual browsing.

  3. 3
    Read every other format

    All conversions appear at once. Each has its own copy button.

  4. 4
    Share via URL

    The address bar updates as you edit. Copy and send — the recipient sees the same color.

Examples

HEX → RGB / HSL / HSV
Input
#6366f1
Output
RGB: rgb(99, 102, 241) · HSL: hsl(239, 84%, 67%) · HSV: hsv(239, 59%, 95%)
The accent color from ToolVaults' own palette.
rgba() with alpha
Input
rgba(0, 0, 0, 0.5)
Output
HEX: #00000080 · HSL: hsl(0, 0%, 0%) · HSLA alpha: 0.5
8-digit hex encodes the alpha channel in the last two hex digits (80 = 128 = 50%).
HSL → HEX
Input
hsl(120, 100%, 50%)
Output
HEX: #00ff00 · RGB: rgb(0, 255, 0)
Pure green. HSL is often easier to reason about when tweaking hue vs saturation vs lightness independently.

Frequently asked

Which color formats are supported as input?

Hex (3, 4, 6, or 8 digit), rgb() and rgba(), and hsl() and hsla(). Output includes all of those plus HSV and CMYK.

Are the CMYK values accurate for printing?

The tool uses the simple mathematical RGB → CMYK conversion. Real-world printing uses ICC color profiles that account for ink, paper, and press — always convert final artwork in a proper design tool like Photoshop or Illustrator before sending to print.

How do I share a specific color?

The URL updates as you edit — copy the address bar and share the link. Whoever opens it sees the exact same color and all its conversions.

Related tools