{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-10-20T13:00:48.513Z","discovery":{"catalog":"https://toptool.io/free-tools/tools.json","llmsTxt":"https://toptool.io/free-tools/llms.txt","sitemap":"https://toptool.io/free-tools/sitemap.xml"},"relatedTools":[{"slug":"triadic-colors","name":"Triadic Colors Generator","url":"https://toptool.io/free-tools/triadic-colors"},{"slug":"material-palette","name":"Material Design Palette Generator","url":"https://toptool.io/free-tools/material-palette"},{"slug":"shade-tint-generator","name":"Shade & Tint Generator","url":"https://toptool.io/free-tools/shade-tint-generator"},{"slug":"tailwind-palette-extractor","name":"Tailwind Palette Extractor","url":"https://toptool.io/free-tools/tailwind-palette-extractor"},{"slug":"complementary-color","name":"Complementary Color Generator","url":"https://toptool.io/free-tools/complementary-color"},{"slug":"tailwind-color-finder","name":"Tailwind Color Finder","url":"https://toptool.io/free-tools/tailwind-color-finder"},{"slug":"tailwind-shade-generator","name":"Tailwind Shade Generator","url":"https://toptool.io/free-tools/tailwind-shade-generator"},{"slug":"random-color","name":"Random Color Generator","url":"https://toptool.io/free-tools/random-color"}],"kind":"utility","slug":"analogous-colors","name":"Analogous Colors Generator","description":"Generate an analogous 3-color palette (±30° hue) from any base color — instant, local.","longDescription":"Analogous colors are neighbors on the color wheel — typically within 30° of the base hue. They share a family resemblance and produce calm, harmonious schemes that work well for backgrounds, gradients, and ambient UI. Paste any color and this tool returns the two analogous partners at -30° and +30° in HSL, with hex / RGB / HSL output and inline swatch previews. Everything runs locally; the value never leaves your browser.","category":"color","categoryName":"Color","keywords":["analogous colors","analogous color generator","analogous palette","harmonious palette","color wheel neighbors","30 degree hue palette","soft color palette generator","analogous color scheme","color theory analogous","analogous palette online","analogous palette free","calm palette generator"],"badge":"Palette","runsOn":"client","url":"https://toptool.io/free-tools/analogous-colors","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":"preview1","label":"Color 1 (−30°)","multiline":true},{"key":"preview2","label":"Color 2 (base)","multiline":true},{"key":"preview3","label":"Color 3 (+30°)","multiline":true},{"key":"color1","label":"Color 1"},{"key":"color2","label":"Color 2"},{"key":"color3","label":"Color 3"},{"key":"list","label":"All three (hex)","multiline":true}],"invocation":{"webUi":"https://toptool.io/free-tools/analogous-colors","api":null,"notes":"Use the web UI to enter inputs and view the result; there is no public execution API."}}