HEX to Colortone Converter

Convert HEX color values to colortone (HSL) format.

When to use this tool

Useful when you have a hex color from a design mockup but need to adjust its hue, saturation, or lightness programmatically. HSL values are more intuitive for color manipulation in CSS and design tools.

How to use

Enter a hex color (e.g., #FF0000) in the input field. The converter will instantly output the equivalent HSL colortone value.

Input

Output

Download Image

Workflow chain

Continue with tools that fit this output and developer workflow.

Recent Tools

Favorites

API Reference

Tier: Free
Endpoint: POST http://5.75.144.42/api/v1/tools/color-converters/hex-to-colortone
Method: POST
Content-Type: application/json

Rate Limits

Unauthenticated: 10 req/min
Free: 30 req/min
Premium: 1000 req/min

Available sponsor slot

Reach developers using this tool

Promote your developer product, API, SaaS, course, or service in a contextually relevant placement.

Developer audience

Tool-focused traffic

Sidebar placement

Visible to everyone

Reserve this slot

Request Body

{
    "input": "#FF0000"
}

Sample Request

curl -X POST "http://5.75.144.42/api/v1/tools/color-converters/hex-to-colortone" \
    -H "Content-Type: application/json" \
    -H "Authorization: Bearer YOUR_API_KEY" \
    -d '{"input":"#FF0000"}'

Sample Response

{
    "success": true,
    "data": {
        "input": "#FF0000",
        "result": "hsl(0, 100%, 50%)"
    },
    "meta": {
        "tool": "hex-to-colortone",
        "tier": "free"
    }
}