Converters

Color Converter

Paste a color in any format — hex, RGB, HSL, HSV, HWB, CMYK, or a CSS named color — and see it converted to all other formats simultaneously. Includes a UIColor output for iOS development and shows the color preview. Useful when you need to convert a hex color from a design to HSL for CSS variables, or RGB to CMYK for print.

Color Converter — Convert colors between hex, RGB, HSL, HSV, HWB, CMYK, UIColor and named formats

What it does

  • ▸Converts between hex, RGB, HSL, HSV, HWB, and CMYK color spaces
  • ▸Outputs UIColor format for iOS/Swift development (UIColor(red:0.15, green:0.40, blue:1.0, alpha:1.0))
  • ▸Recognizes all 140+ named CSS colors (coral, rebeccapurple, etc.)
  • ▸Shows a live color preview swatch
  • ▸Handles shorthand hex (#fff) and 8-digit hex with alpha (#ffffff80)

Use cases

  • ▸Converting a hex color from a Figma design to HSL for a CSS variable
  • ▸Getting the UIColor code for an iOS app from a hex color
  • ▸Converting RGB values from a photo editor to CMYK for print design
  • ▸Finding the CSS named color closest to a hex value

How it works

1

Paste your color value into the input pane (hex, rgb(), hsl(), or named color)

2

The tool detects the format and converts to all other color spaces

3

All conversions are displayed simultaneously with a color preview

4

Copy the format you need

Frequently asked questions

1Does it support alpha/transparency?

Yes. 8-digit hex colors (#ffffff80) and rgba()/hsla() values are supported. The alpha value is preserved in all output formats that support it.

2What's the UIColor format?

UIColor is the iOS/Swift color class. The output is UIColor(red: 0.15, green: 0.40, blue: 1.0, alpha: 1.0) with values normalized to 0-1, ready to paste into Swift code.

3Can it convert from a CSS named color?

Yes. Paste any of the 140+ named CSS colors (like coral, rebeccapurple, or tomato) and the tool converts it to hex, RGB, HSL, and all other formats.

Related tools

Color Palette Generator — Generate color palettes and harmonies — complementary, analogous, triadic, tetradic, split-complement, monochromatic

Color Palette Generator

Generate color palettes and harmonies — complementary, analogous, triadic, tetradic, split-complement, monochromatic

Color Contrast Checker (WCAG) — Check text/background contrast against WCAG AA and AAA

Color Contrast Checker (WCAG)

Check text/background contrast against WCAG AA and AAA

Color Blindness Simulator — Simulate how a color appears with protanopia, deuteranopia and tritanopia

Color Blindness Simulator

Simulate how a color appears with protanopia, deuteranopia and tritanopia

Image Compress & Convert — Compress images, convert between WebP/JPEG/PNG and resize — fully offline

Image Compress & Convert

Compress images, convert between WebP/JPEG/PNG and resize — fully offline

Use Color Converter offline in Devinity

All 95 tools run locally on your Mac. No internet required, no data sent to servers.

Download Devinity →