{"$schema":"https://toolsly.tools/schemas/tool-manifest-v1.json","generated":"2026-06-02T15:45:19.846Z","discovery":{"catalog":"https://toptool.io/tools.json","llmsTxt":"https://toptool.io/llms.txt","sitemap":"https://toptool.io/sitemap.xml"},"relatedTools":[{"slug":"color-converter","name":"Color Converter","url":"https://toptool.io/color-converter"},{"slug":"tailwind-color-finder","name":"Tailwind Color Finder","url":"https://toptool.io/tailwind-color-finder"},{"slug":"triadic-colors","name":"Triadic Colors Generator","url":"https://toptool.io/triadic-colors"},{"slug":"random-color","name":"Random Color Generator","url":"https://toptool.io/random-color"},{"slug":"color-name-finder","name":"Color Name Finder","url":"https://toptool.io/color-name-finder"},{"slug":"complementary-color","name":"Complementary Color Generator","url":"https://toptool.io/complementary-color"},{"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"}],"kind":"utility","slug":"hsv-color-picker","name":"HSV Color Picker","description":"Convert HSV (Hue, Saturation, Value) to Hex, RGB, HSL, and Tailwind — runs locally in your browser.","longDescription":"Enter Hue (0–360°), Saturation (0–100%), and Value/Brightness (0–100%) to instantly see the color in Hex, RGB, HSL, and the nearest Tailwind CSS class. Uses the standard HSV→RGB piecewise conversion. Everything is computed locally; no data leaves your browser.","category":"color","categoryName":"Color","keywords":["hsv color picker","hsv to hex","hsv to rgb","hsv to hsl","hsv converter","hsb color converter","hue saturation value","hsv color tool","color from hsv","hsv to tailwind","hsv online converter"],"badge":"Converter","url":"https://toptool.io/hsv-color-picker","inputs":[{"type":"number","key":"h","label":"Hue (H)","defaultValue":217,"min":0,"max":360,"step":1,"help":"Hue angle in degrees (0–360)."},{"type":"number","key":"s","label":"Saturation (S %)","defaultValue":76,"min":0,"max":100,"step":1,"help":"Saturation percentage (0–100)."},{"type":"number","key":"v","label":"Value (V %)","defaultValue":96,"min":0,"max":100,"step":1,"help":"Value / brightness percentage (0–100)."}],"outputs":[{"key":"preview","label":"Preview","multiline":true},{"key":"hex","label":"Hex"},{"key":"rgb","label":"RGB"},{"key":"hsl","label":"HSL"},{"key":"tailwind","label":"Nearest Tailwind"}],"invocation":{"webUi":"https://toptool.io/hsv-color-picker","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."}}