{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-06-03T02:00:19.653Z","discovery":{"catalog":"https://toptool.io/tools.json","llmsTxt":"https://toptool.io/llms.txt","sitemap":"https://toptool.io/sitemap.xml"},"relatedTools":[{"slug":"analogous-colors","name":"Analogous Colors Generator","url":"https://toptool.io/analogous-colors"},{"slug":"shade-tint-generator","name":"Shade & Tint Generator","url":"https://toptool.io/shade-tint-generator"},{"slug":"material-palette","name":"Material Design Palette Generator","url":"https://toptool.io/material-palette"},{"slug":"tailwind-color-finder","name":"Tailwind Color Finder","url":"https://toptool.io/tailwind-color-finder"},{"slug":"tailwind-palette-extractor","name":"Tailwind Palette Extractor","url":"https://toptool.io/tailwind-palette-extractor"},{"slug":"hsv-color-picker","name":"HSV Color Picker","url":"https://toptool.io/hsv-color-picker"},{"slug":"color-converter","name":"Color Converter","url":"https://toptool.io/color-converter"},{"slug":"complementary-color","name":"Complementary Color Generator","url":"https://toptool.io/complementary-color"}],"kind":"utility","slug":"triadic-colors","name":"Triadic Colors Generator","description":"Generate a balanced 3-color triadic palette from any base color — runs locally, free.","longDescription":"A triadic palette uses three colors evenly spaced around the HSL color wheel — 120° apart. This produces a vibrant, balanced scheme that feels rich without the harshness of a true complement. Paste any color and this tool returns the two additional triadic partners (at +120° and +240° hue rotation) along with their hex / RGB / HSL forms and a mono-rendered swatch preview. All math runs in your browser; nothing is uploaded.","category":"color","categoryName":"Color","keywords":["triadic colors","triadic color generator","triadic palette","3 color palette","color wheel triad","120 degree hue","balanced palette generator","triadic harmony","color theory triadic","triadic scheme online","triadic colors free","hsl rotation palette"],"badge":"Palette","url":"https://toptool.io/triadic-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 (base)","multiline":true},{"key":"preview2","label":"Color 2 (+120°)","multiline":true},{"key":"preview3","label":"Color 3 (+240°)","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/triadic-colors","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."}}