Color Converter API — HEX, RGB, HSL, HSV, CMYK + Palette avatar

Color Converter API — HEX, RGB, HSL, HSV, CMYK + Palette

Pricing

$10.00 / 1,000 color converteds

Go to Apify Store
Color Converter API — HEX, RGB, HSL, HSV, CMYK + Palette

Color Converter API — HEX, RGB, HSL, HSV, CMYK + Palette

Color converter API. Input: a color string (color) in HEX, RGB, HSL, HSV, or CMYK. Output: JSON with all five formats, nearest CSS color name, contrast ratio vs black and white, and a generated shade/tint palette. $0.01 per color converted.

Pricing

$10.00 / 1,000 color converteds

Rating

0.0

(0)

Developer

Anthony Snider

Anthony Snider

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

2 days ago

Last modified

Share

Color Format Converter

Convert any color across every format developers actually use — HEX, RGB, HSL, HSV, CMYK — and get the nearest CSS color name, WCAG contrast ratios, and a ready-to-use shade/tint palette. One call, one color, everything you need.

Live on the Apify Store — run it instantly or call it as an agent tool via Apify MCP.

What you get

For each color you pass in:

  • Every format: hex, rgb, hsl, hsv, cmyk (with copy-ready CSS strings)
  • Nearest CSS named color by RGB distance (with exact-match flag)
  • WCAG contrast vs black and white — ratio plus AA/AAA pass flags for normal and large text
  • Palette: 5 darker shades + 5 lighter tints, as hex
  • Accepts HEX, rgb(), hsl(), hsv(), or CSS names (rebeccapurple) — single or bulk

Input

{
"color": "#3498db",
"colors": ["rebeccapurple", "rgb(255, 99, 71)", "hsl(204, 70%, 53%)"],
"maxItems": 50
}

Provide color, colors, or both. maxItems caps the run (default 50).

Output

{
"input": "#3498db",
"hex": "#3498db",
"rgb": { "r": 52, "g": 152, "b": 219, "css": "rgb(52, 152, 219)" },
"hsl": { "h": 204, "s": 70, "l": 53, "css": "hsl(204, 70%, 53%)" },
"hsv": { "h": 204, "s": 76, "v": 86 },
"cmyk": { "c": 76, "m": 31, "y": 0, "k": 14, "css": "cmyk(76%, 31%, 0%, 14%)" },
"nearestName": { "name": "steelblue", "hex": "#4682b4", "exact": false, "distance": 64.42 },
"contrast": {
"vsBlack": { "ratio": 5.67, "AA_normal": true, "AA_large": true, "AAA_normal": false, "AAA_large": true },
"vsWhite": { "ratio": 3.71, "AA_normal": false, "AA_large": true, "AAA_normal": false, "AAA_large": false }
},
"palette": {
"shades": ["#2b7eb6", "#296f9f", "#205778", "#163d54", "#0d2530"],
"tints": ["#52a4df", "#71b3e3", "#92c4e9", "#b4d6ef", "#d5e8f6"]
}
}