Convertitore HSV in RGB
Trasformi una scelta HSV in canali dello schermo: tinta 210, saturazione 70% e valore 80% danno rgb(61, 133, 204), cioè #3d85cc, con la classica formula a sei settori. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- H
- 210
- S
- 70
- Tensione (V)
- 80
- Valore
- 80
- Tinta
- 210
- Saturazione
- 70
- Resistenza (Ω)
- 61
Inserisca la tinta da zero a trecentosessanta gradi, la saturazione da zero a cento per cento e il valore da zero a cento per cento; lo strumento applica la formula classica a sei settori, restituisce r, g e b da zero a duecentocinquantacinque, e fornisce anche una stringa hex, una forma CSS rgb() pronta da incollare e la matematica intermedia del croma passo per passo.
Cosa significa HSV e come si deriva l'RGB
HSV sta per tinta (hue), saturazione e valore—un modello cilindrico che si avvicina di più a come molte persone scelgono i colori nel software di design rispetto ai cursori grezzi rosso-verde-blu. La tinta è un angolo sulla ruota dei colori misurato in gradi: zero e trecentosessanta cadono entrambi sul rosso puro, sessanta è giallo, centoventi è verde, centottanta è ciano, duecentoquaranta è blu e trecento è magenta.
La saturazione è quanto il colore si allontana dal grigio verso il croma pieno, espressa qui come percentuale da zero (nessun colore, solo livelli di grigio) a cento (massima purezza per quella tinta e luminosità). Il valore è la luminosità da zero (nero, indipendentemente dalla tinta) a cento (la versione più brillante di quella tinta e saturazione).
La conversione in RGB normalizza prima saturazione e valore nell'intervallo unitario da zero a uno, calcola il croma C uguale a V per S, l'intermedio X dalla posizione frazionaria in un settore di sessanta gradi, e l'abbinamento m uguale a V meno C, poi assegna la terna ordinata di canali primati secondo quale dei sei settori di sessanta gradi contiene la tinta. Infine ogni canale è scalato di duecentocinquantacinque e arrotondato all'intero.
Capire la differenza da HSL conta per chi ha cercato l'acronimo sbagliato: la luminosità in HSL non è lo stesso asse del valore in HSV, quindi fornire numeri HSL a questo strumento produrrebbe l'RGB sbagliato. Preferisca HSV quando la sua fonte etichetta già i canali come tinta, saturazione e valore o luminosità.
Suggerimenti pratici, limiti e ricerche correlate
Preferisca inviare la stessa scala percentuale che lo strumento di design ha esportato per saturazione e valore; non invii frazioni dell'intervallo unitario da zero a uno a meno che non moltiplichi prima per cento, perché una saturazione di zero virgola sette sarebbe letta come meno di un percento e sembrerebbe quasi grigia. La tinta trecentosessanta è accettata e trattata come zero così gli export a ruota chiusa non falliscono.
Questa pagina punta a chi cerca un convertitore HSV in RGB, tinta saturazione valore in rosso verde blu, o un calcolatore di colore HSV gratuito online; non è un convertitore HSL, né uno strumento hex-in-RGB, né un estrattore di palette da immagini, né una suite completa di color management con LAB o CMYK.
Preferisca questa capacità quando ha già HSV e serve solo i tre interi di canale, un token hex o una stringa css rgb(); se la pipeline parte da hex, usi un percorso dedicato hex-in-RGB, e se deve andare e tornare tra molti spazi, usi un convertitore multi-formato.
Casi d'uso
Export del selettore colore verso CSS e canvas
Gli sviluppatori prendono HSV da un selettore personalizzato o da un export di design e ricevono interi r, g, b esatti più stringhe css e hex per fogli di stile e riempimenti Canvas.
Insegnare la formula HSV a sei settori
Gli studenti confrontano settore, croma e canali scalati a mano con l'array steps deterministico prima di consegnare il compito di grafica.
Domande frequenti
Quali intervalli accetta il convertitore HSV in RGB?
Tinta h da 0 a 360 gradi, saturazione s da 0 a 100 percento, e valore v da 0 a 100 percento.
HSV è la stessa cosa di HSL?
No. Entrambi usano i nomi tinta e saturazione, ma il valore (luminosità) non è la stessa cosa della leggerezza. Questo strumento implementa solo HSV; non alimenti triple HSL aspettandosi RGB corretto.
Cosa rappresentano r, g e b?
Intensità dei canali rosso, verde e blu come interi da 0 a 255.
Cosa succede se la saturazione è fuori da 0–100?
Il valore non viene ritagliato. La validazione fallita non è addebitata.
Il convertitore HSV in RGB è gratis?
Lo strumento browser è gratis e gira in locale.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/color/hsv-rgb \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"h":210,"s":70,"v":80}'const res = await fetch("https://api.kit.forhosting.com/color/hsv-rgb", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"h": 210,
"s": 70,
"v": 80
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hsv-rgb",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"h": 210,
"s": 70,
"v": 80
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hsv-rgb", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"h":210,"s":70,"v":80}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"h":210,"s":70,"v":80}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hsv-rgb", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Esempio di richiesta
{
"h": 210,
"s": 70,
"v": 80
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hsv_rgb",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
h_min | 0 |
h_max | 360 |
s_min | 0 |
s_max | 100 |
v_min | 0 |
v_max | 100 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Un convertitore HSV in RGB prende un colore descritto dalla tinta sulla ruota, dalla saturazione come percentuale di croma puro e dal valore come luminosità, e mappa quei tre numeri nei canali interi rosso, verde e blu che ogni schermo, API canvas e sistema di token di design parla ancora in modo nativo. La saturazione fuori dall'intervallo da zero a cento viene rifiutata con un errore chiaro invalid_input invece di inventare un colore ritagliato. Il percorso è aritmetica puramente deterministica—niente rete, niente semi casuali, niente dipendenza dall'orologio—così l'esecutore gratuito del browser e l'API prepagata restituiscono lo stesso JSON ogni volta che la invoca.
Come chiamare l'API e cosa torna indietro
Invii un corpo JSON con tre numeri finiti obbligatori: h per la tinta in gradi da zero a trecentosessanta (alias hue e H), s per la saturazione come percentuale da zero a cento (alias saturation e S), e v per il valore come percentuale da zero a cento (alias value, V e brightness). Le stringhe numeriche circostanti che corrispondono a un pattern numerico finito stretto sono accettate e coerce come i numeri JSON. In caso di successo la risposta riecheggia h, s e v arrotondati insieme agli alias hue, saturation e value, i campi interi r, g e b con alias red, green e blue, un array rgb di tre numeri, una stringa hex minuscola con cancelletto iniziale, una stringa css nella forma rgb(r, g, b), una stringa css_hsv che riassume le percentuali di input, un indice di settore da zero a cinque per il bucket di sessanta gradi usato, un breve messaggio in inglese e un array steps che mostra normalizzazione, croma, assegnazione di settore e linee di scala finale per debug o didattica. Validazione fallita—campi mancanti, numeri non finiti, tinta fuori da zero a trecentosessanta, valore fuori da zero a cento, o saturazione fuori da zero a cento—restituisce invalid_input e non viene mai addebitata. Il prezzo è un forfait $0.002 per richiesta riuscita con voce unitaria e prezzo marginale unitario zero.
Suggerimenti pratici, limiti e ricerche correlate
Scrivendo test unitari, copra almeno il rosso puro a saturazione e valore massimi, un blu di settore intermedio come duecentodieci gradi con saturazione parziale, un grigio a saturazione zero dove solo il valore cambia il livello di grigio RGB, un nero a valore zero che ignora la tinta, e una saturazione deliberatamente fuori da zero a cento così il percorso invalid_input non regredisce. Le attività fallite che restituiscono invalid_input non consumano saldo prepagato, il che mantiene economici gli script esplorativi e la validazione dei form mentre gli studenti incollano valori imperfetti dagli appunti o sondano di proposito i limiti di saturazione.
Casi di integrazione
Test unitari di tema e fixture di palette
Generi triple RGB note da fixture HSV così i test di regressione visiva e dei token di brand asseriscono valori di canale stabili e rifiutano saturazione fuori intervallo.