HSV to Colortone Converter

Convert HSV color values to colortone (HSL) format.

When to use this tool

Ideal when migrating color workflows from HSV-based tools (like Photoshop color pickers) to HSL-based CSS styling. HSL offers a more perceptually uniform model for web development.

How to use

Input an HSV color (e.g., hsv(0, 100%, 100%)) in the provided field. The tool will convert and display the corresponding 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/hsv-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": "hsv(0, 100%, 100%)"
}

Sample Request

curl -X POST "http://5.75.144.42/api/v1/tools/color-converters/hsv-to-colortone" \
    -H "Content-Type: application/json" \
    -H "Authorization: Bearer YOUR_API_KEY" \
    -d '{"input":"hsv(0, 100%, 100%)"}'

Sample Response

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