Convertitore da RGB a HSV
Porti un colore RGB ai numeri di una ruota dei colori: l’arancione 255, 128, 0 ha una tonalità di circa 30°, saturazione 1 e valore 1. Utile quando un selettore deve separare tonalità e luminosità. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Resistenza (Ω)
- 255
- G
- 128
- B
- 0
- H
- 30,1176470588
- S
- 1
- Tensione (V)
- 1
- H gradi
- 30,1176470588
Questo convertitore da RGB a HSV prende tre intensità di canale — rosso, verde e blu — ciascuna come intero da zero a duecentocinquantacinque, e restituisce la tonalità in gradi più saturazione e valore come frazioni unitarie da zero a uno. Designer, sviluppatori front-end e studenti usano questa mappatura quando una palette vive in canali sRGB ma l'interfaccia ha bisogno di una ruota della tonalità, un cursore di saturazione o un controllo di luminosità che gli esseri umani possano ragionare. Il motore è completamente deterministico: normalizza ogni canale dividendo per duecentocinquantacinque, trova il massimo e il minimo, calcola delta, poi applica la classica formula della tonalità a sei settori e le identità standard di saturazione e valore — senza mai chiamare la rete, campionare casualità o dipendere dall'orologio.
Cosa significa la conversione da RGB a HSV e cosa contiene la risposta
Nel modello sRGB a otto bit usato da CSS e dalla maggior parte della grafica web, ciascuno dei canali rosso, verde e blu è un intero da zero a duecentocinquantacinque.
HSV riorganizza lo stesso colore in tre assi percettivi: la tonalità è la posizione sulla ruota dei colori in gradi da zero incluso a trecentosessanta escluso, la saturazione è quanto sia puro il colore dal grigio a zero al croma pieno a uno, e il valore è la luminosità complessiva dal nero a zero alla forma più brillante di quella tonalità a uno.
La conversione prima scala ogni canale dividendo per duecentocinquantacinque, poi imposta Cmax come il più grande dei tre canali unitari, Cmin come il più piccolo, e delta come la loro differenza. La tonalità è zero quando delta è zero (un asse grigio); altrimenti dipende da quale canale è Cmax e da una formula modulare a settori che mappa i casi a dominanza rossa, verde e blu sulla ruota. La saturazione è zero quando Cmax è zero, altrimenti delta su Cmax; il valore è semplicemente Cmax.
Non esiste un percorso che accetti percentuali o canali in virgola mobile come input, e nessun limite silenzioso di duecentocinquantasei giù a duecentocinquantacinque.
Dove si colloca la conversione da RGB a HSV nel design, nello studio e nel software
I designer incontrano questa mappatura quando una guida di marca elenca campioni RGB e un selettore basato sulla tonalità o un sistema di animazione ha bisogno di H, S e V, quando un contagocce da screenshot riporta rosso verde blu e una palette generativa deve ruotare la tonalità mantenendo fisso il valore, o quando gli strumenti di accessibilità devono ragionare sulla luminosità separatamente dal croma.
Gli studenti la vedono nei corsi di computer graphics che introducono i modelli di colore cilindrici, nelle lezioni di arte digitale che passano tra cursori dei canali e ruote HSV, e negli esercizi di riscaldamento per colloqui che chiedono una conversione mentale di una breve terna. Gli strumenti di prodotto e didattici usano la conversione quando chi impara regola tre campi RGB e l'interfaccia deve mostrare tonalità, saturazione e valore dal vivo senza un andirivieni verso una pesante libreria grafica.
Lo abbini a strumenti di colore multiformato quando ha bisogno di hex o CMYK, e ad altri convertitori deterministici gratuiti quando sta costruendo un piccolo laboratorio per l'igiene dei sistemi di design.
Casi d'uso
Ruote di tonalità e strumenti per palette
Trasformi terne RGB di marca in tonalità, saturazione e valore per selettori, palette generative e fotogrammi chiave di animazione.
Compiti e demo didattiche
Verifichi il lavoro degli studenti da RGB a HSV e faccia demo dal vivo dei modelli di colore cilindrici senza app calcolatrici opache.
Domande frequenti
Quale intervallo è ammesso per r, g e b?
Ogni canale deve essere un intero da 0 a 255 incluso.
Quali sono le unità di h, s e v?
La tonalità h è in gradi in [0, 360). Saturazione s e valore v sono frazioni unitarie in [0, 1].
Questo strumento converte HSV di nuovo in RGB?
No. Questo strumento mappa solo canali RGB interi in HSV. Usi un convertitore di colore inverso o multiformato se ha bisogno di HSV-to-RGB o altri spazi.
Perché 256 viene rifiutato invece di limitato?
Il limitare in silenzio nasconde errori nei dati.
Quale tonalità e saturazione riceve un grigio?
Entrambe valgono 0. Quando rosso, verde e blu sono uguali non c’è distanza tra il canale più alto e il più basso, quindi il colore resta sull’asse dei grigi e cambia solo il valore, da 0 per il nero a 1 per il bianco.
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/rgb-hsv \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":0}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-hsv", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-hsv",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-hsv", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-hsv", 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
{
"r": 255,
"g": 128,
"b": 0
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_hsv",
"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
min_channel | 0 |
max_channel | 255 |
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
I canali fuori dall'intervallo zero-duecentocinquantacinque vengono rifiutati con un chiaro errore invalid_input invece di essere limitati in silenzio.
Cosa significa la conversione da RGB a HSV e cosa contiene la risposta
Questo calcolatore restituisce gli interi validati r, g e b, h, s e v arrotondati, h_degrees duplicato per chiarezza, s_percent e v_percent scalati per cento per interfacce a cursore, una stringa funzione rgb, una stringa riassuntiva hsv, un'etichetta di metodo rgb_to_hsv, e un breve promemoria della formula. Il motore costruisce una terna HSV esatta per tre canali legali, oppure rifiuta la richiesta con invalid_input. I casi rifiutati includono un campo r, g o b mancante, stringhe vuote dopo il trimming, numeri non interi, testo non numerico, Infinity o NaN, e qualsiasi canale strettamente sotto zero o sopra duecentocinquantacinque. Se ha bisogno di HSV-to-RGB, impacchettamento hex, HSL, LAB o CMYK, usi uno strumento dedicato inverso o multiformato; questa pagina risponde solo alla conversione di canali RGB interi in una terna HSV stabile, adatta a token, test unitari e consumatori dell'API.
Come vengono letti r, g e b, e come HSV resta riproducibile
Gli spazi esterni sui canali stringa vengono eliminati; un segno più iniziale opzionale è ammesso solo quando i caratteri restanti sono cifre decimali che si interpretano come un intero nell'intervallo. Un numero JavaScript nudo è accettato solo quando è un intero finito compreso tra zero e duecentocinquantacinque; valori come centoventotto virgola cinque falliscono la validazione invece di essere arrotondati, e valori negativi o pari o superiori a duecentocinquantasei falliscono con un messaggio che nomina il canale e afferma che deve restare tra zero e duecentocinquantacinque. Il rosso puro si mappa a tonalità zero con saturazione e valore pieni; il nero puro si mappa a tonalità zero, saturazione zero e valore zero; canali misti come duecentocinquantacinque, centoventotto, zero producono una tonalità calda vicina a trenta gradi con saturazione e valore pieni. I campi preferiti sono r per il rosso, g per il verde e b per il blu, ma sono accettati anche gli alias red e R maiuscola per il rosso, green e G maiuscola per il verde, e blue e B maiuscola per il blu, così fogli di calcolo, query string e moduli tipizzati possono riusare lo stesso contratto senza rinominare colonne. Abbini l'esecuzione gratuita nel browser di questa pagina con l'API a pagamento quando ha bisogno dello stesso risultato matematico all'interno di una pipeline automatizzata, senza reimplementare da sé la normalizzazione dei canali.
Dove si colloca la conversione da RGB a HSV nel design, nello studio e nel software
In questa pagina il lavoro avviene interamente nel Suo browser; tramite l'API ogni ricerca riuscita costa $0.002, la validazione fallita non viene addebitata e nulla viene conservato dopo la restituzione della risposta. Questa separazione — esplorazione interattiva gratuita e API identica a pagamento — corrisponde al resto del catalogo tier A di KIT e Le permette di passare da una demo in aula o una revisione di design a una pipeline automatizzata senza cambiare il risultato matematico.
Casi di integrazione
Fixture di test deterministiche
Generi risultati HSV riproducibili per test unitari, controlli di proprietà e verifiche CI su strumenti per il colore.
Domande tecniche
Quanto costa il convertitore da RGB a HSV?
È gratis nel browser in questa pagina. Tramite l'API una richiesta riuscita costa $0.002; gli input non validi non vengono addebitati.