{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-05-20T20:47:38.296Z","discovery":{"catalog":"https://toolsly.tools/tools.json","llmsTxt":"https://toolsly.tools/llms.txt","sitemap":"https://toolsly.tools/sitemap.xml"},"relatedTools":[{"slug":"color-converter","name":"Color Converter","url":"https://toolsly.tools/color-converter"},{"slug":"triadic-colors","name":"Triadic Colors Generator","url":"https://toolsly.tools/triadic-colors"},{"slug":"analogous-colors","name":"Analogous Colors Generator","url":"https://toolsly.tools/analogous-colors"},{"slug":"shade-tint-generator","name":"Shade & Tint Generator","url":"https://toolsly.tools/shade-tint-generator"},{"slug":"random-color","name":"Random Color Generator","url":"https://toolsly.tools/random-color"},{"slug":"gradient-generator","name":"CSS Gradient Generator","url":"https://toolsly.tools/gradient-generator"},{"slug":"wcag-contrast-checker","name":"WCAG Contrast Checker","url":"https://toolsly.tools/wcag-contrast-checker"},{"slug":"color-name-finder","name":"Color Name Finder","url":"https://toolsly.tools/color-name-finder"}],"kind":"utility","slug":"complementary-color","name":"Complementary Color Generator","description":"Find the complementary (opposite) color for any hex / rgb / hsl input — instant, free, no upload.","longDescription":"The complementary color is the one diametrically opposite on the HSL color wheel — exactly 180° away. Paste any color (hex `#RRGGBB`, `rgb()`, `hsl()`, or a CSS name) and this tool converts to HSL, rotates the hue by 180°, and converts back to RGB/hex. Complementary pairs offer the highest visual contrast and are a classic choice for accent buttons, headlines on backgrounds, or eye-catching call-to-actions. Runs entirely in your browser — your color never leaves the page.","category":"color","categoryName":"Color","keywords":["complementary color","complementary color generator","opposite color","color wheel","complementary hex","complementary rgb","complementary hsl","color theory tool","color contrast pair","complementary color online","complementary color free","color flip 180"],"badge":"Palette","url":"https://toolsly.tools/complementary-color","inputs":[{"type":"text","key":"color","label":"Base color","placeholder":"#3b82f6","defaultValue":"#3b82f6","monospace":true,"help":"Hex, rgb(), hsl(), or a CSS color name."}],"outputs":[{"key":"preview","label":"Base preview","multiline":true},{"key":"compPreview","label":"Complement preview","multiline":true},{"key":"baseHex","label":"Base — Hex"},{"key":"baseRgb","label":"Base — RGB"},{"key":"baseHsl","label":"Base — HSL"},{"key":"compHex","label":"Complement — Hex"},{"key":"compRgb","label":"Complement — RGB"},{"key":"compHsl","label":"Complement — HSL"}],"invocation":{"webUi":"https://toolsly.tools/complementary-color","api":null,"notes":"Currently invoked via the web UI at `webUi`. Inputs are form fields; outputs are structured text values. A remote MCP/REST API is planned."}}