{"uid":"cap_-orZkQ0pKSPFYyRcg_nj_","slug":"color-adjust-lighten-darken-saturate-hue-rotate-e52cdf6f","name":"Color Adjust (Lighten, Darken, Saturate, Hue Rotate)","description":"Lighten, darken, saturate, desaturate or rotate the hue of a hex color by an exact number of HSL points.","url":"https://color-design.x402tookit.com/color-adjust?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET"],"type":"string"},"queryParams":{"type":"object","required":["color"],"properties":{"hue":{"type":"number","description":"Rotate hue by degrees, -360 to 360"},"color":{"type":"string","description":"Hex color"},"lightness":{"type":"number","description":"Add to HSL lightness, -100 to 100"},"saturation":{"type":"number","description":"Add to HSL saturation, -100 to 100"}}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"example":{"type":"object","properties":{"asOf":{"type":["null","string"]},"from":{"type":["null","object"],"properties":{"h":{"type":["null","number"]},"l":{"type":["null","number"]},"s":{"type":["null","number"]}}},"result":{"type":["null","string"]},"source":{"type":["null","string"]},"changes":{"type":["null","object"],"properties":{"hue":{"type":["null","number"]},"lightness":{"type":["null","number"]},"saturation":{"type":["null","number"]}}},"reasons":{"type":["array","null"],"items":{"type":"string"}},"summary":{"type":["null","string"]},"verdict":{"type":["null","string"]},"degraded":{"type":["boolean","null"]},"original":{"type":["null","string"]},"disclaimer":{"type":["null","string"]},"notChecked":{"type":["array","null"],"items":{"type":"string"}}}}}}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.02","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.02/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_l4c4cV9Kr0NsCshjaBhpl","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.02","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Adjusts a hex color by adding or subtracting HSL lightness, saturation, or hue rotation by exact numeric amounts.","exampleAgentPrompt":"Can you lighten #3a7bd5 by 20 lightness points and also rotate its hue by 30 degrees so I can use it as a hover state color?","exampleUseCases":[{"title":"Hover state color from brand color","prompt":"Take our primary brand color #2563eb and lighten it by 15 HSL lightness points so I can use it as the hover state in our button styles."},{"title":"Muted background tint from accent","prompt":"Desaturate #e11d48 by 40 saturation points and lighten it by 25 so it works as a soft background tint behind a card."},{"title":"Warm color variant via hue rotation","prompt":"Rotate the hue of #10b981 by 60 degrees and darken it by 10 lightness points — I want a warmer, slightly deeper variant for an alternate theme."}],"resultDescription":"Returns the adjusted hex color string, the original hex color, the HSL breakdown of the input color, the exact changes applied (hue, lightness, saturation deltas), and a human-readable summary of what was done.","failureModes":["Invalid or malformed hex color returns an error with a reason","Adjustment values outside allowed ranges (-100 to 100 for lightness/saturation, -360 to 360 for hue) may be rejected or clamped","Missing required 'color' query parameter returns a validation error","Result color clamped at HSL boundaries (0 or 100) if adjustment exceeds valid range"],"whenToPreferThis":"Choose this endpoint when you need precise, deterministic HSL-based color adjustment by exact numeric amounts — lightening, darkening, saturating, desaturating, or hue-rotating a specific hex color. Prefer it over palette generation endpoints when you have a single source color and need a predictable, controlled transformation rather than a full palette or WCAG-constrained result.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-30T06:37:49.768Z","isFirstParty":false,"canonicalSlug":"color-adjust-lighten-darken-saturate-hue-rotate-e52cdf6f"}