ForHosting KIT · Imágenes

Convertidor HSV a RGB

Convierta una elección HSV en canales de pantalla: tono 210, saturación 70 % y valor 80 % dan rgb(61, 133, 204), o #3d85cc, con la fórmula clásica de seis sectores. Gratis en su navegador.

Gratis
Funciona en su navegador
Sin registro
Sus datos no salen de su equipo

Ejecutar — gratis Cómo funciona y API

Úselo desde WebAPIEmailTelegramApp pronto

Ejemplo resuelto

Si escribe

H: 210
S: 70
Voltaje (V): 80

Obtiene

Valor: 80
Matiz: 210
Saturación: 70
Resistencia (Ω): 61

Introduzca el matiz de cero a trescientos sesenta grados, la saturación de cero a cien por ciento y el valor de cero a cien por ciento; la herramienta aplica la fórmula clásica de seis sectores, devuelve r, g y b de cero a doscientos cincuenta y cinco, y también entrega una cadena hex, una forma CSS rgb() lista para pegar y la matemática intermedia de croma paso a paso. Los desarrolladores front-end que comprueban una exportación de selector de color, los diseñadores que entregan HSV de una herramienta de marca a un ingeniero que necesita RGB, y las pruebas automatizadas que asientan fijaciones de paleta necesitan ese mismo mapeo determinista sin abrir un estudio de color multi-espacio completo.

Qué significa HSV y cómo se deriva el RGB

HSV significa matiz (hue), saturación y valor: un modelo cilíndrico que se acerca más a cómo muchas personas eligen colores en software de diseño que los deslizadores crudos de rojo-verde-azul. El matiz es un ángulo en la rueda de color medido en grados: cero y trescientos sesenta caen ambos en rojo puro, sesenta es amarillo, ciento veinte es verde, ciento ochenta es cian, doscientos cuarenta es azul y trescientos es magenta.

La saturación es cuán lejos está el color del gris hacia el croma completo, expresada aquí como porcentaje de cero (sin color, solo niveles de gris) a cien (máxima pureza para ese matiz y brillo). El valor es el brillo de cero (negro, sin importar el matiz) a cien (la versión más brillante de ese matiz y saturación).

La conversión a RGB primero normaliza saturación y valor al intervalo unitario de cero a uno, calcula el croma C igual a V por S, el intermedio X a partir de la posición fraccionaria dentro de un sector de sesenta grados, y el emparejamiento m igual a V menos C, luego asigna la terna ordenada de canales primados según en cuál de los seis sectores de sesenta grados cae el matiz. Por último cada canal se escala por doscientos cincuenta y cinco y se redondea a entero.

Ese es el mismo algoritmo que se enseña en cursos de gráficos por computadora y usan innumerables selectores de color; esta capacidad lo implementa de forma determinista para que las pruebas doradas y las claves de respuesta del aula se mantengan estables. Entender la diferencia con HSL importa para quien buscó el acrónimo equivocado: la luminosidad en HSL no es el mismo eje que el valor en HSV, así que alimentar números HSL a esta herramienta produciría el RGB incorrecto.

Prefiera HSV cuando su fuente ya etiquete los canales como matiz, saturación y valor o brillo.

Consejos prácticos, límites y búsquedas relacionadas

Prefiera enviar la misma escala porcentual que exportó su herramienta de diseño para saturación y valor; no envíe fracciones del intervalo unitario de cero a uno salvo que primero multiplique por cien, porque una saturación de cero punto siete se leería como menos de un por ciento y parecería casi gris. El matiz trescientos sesenta se acepta y se trata como cero para que las exportaciones de rueda cerrada no fallen.

Esta página apunta a quienes buscan un convertidor HSV a RGB, matiz saturación valor a rojo verde azul, o una calculadora de color HSV gratuita en línea; no es un convertidor HSL, ni una herramienta hex-a-RGB, ni un extractor de paletas de imágenes, ni un suite completo de gestión de color con LAB o CMYK.

Prefiera esta capacidad cuando ya tenga HSV y solo necesite los tres enteros de canal, un token hex o una cadena css rgb(); si su pipeline parte de hex, use una ruta dedicada hex-a-RGB, y si debe redondear por muchos espacios, use un convertidor multi-formato.

Qué puede hacer con ella

Exportación del selector de color a CSS y canvas

Los desarrolladores toman HSV de un selector personalizado o exportación de diseño y reciben enteros r, g, b exactos más cadenas css y hex para hojas de estilo y rellenos de Canvas.

Enseñar la fórmula HSV de seis sectores

Los estudiantes comparan sector, croma y canales escalados a mano con el arreglo steps determinista antes de entregar la tarea de gráficos.

Preguntas frecuentes

¿Qué rangos acepta el convertidor HSV a RGB?

Matiz h de 0 a 360 grados, saturación s de 0 a 100 por ciento, y valor v de 0 a 100 por ciento.

¿HSV es lo mismo que HSL?

No. Ambos usan nombres de matiz y saturación, pero el valor (brillo) no es lo mismo que la luminosidad. Esta herramienta implementa solo HSV; no alimente ternas HSL y espere RGB correcto.

¿Qué representan r, g y b?

Intensidades de canal rojo, verde y azul como enteros de 0 a 255.

¿Qué ocurre si la saturación está fuera de 0–100?

El valor no se recorta. La validación fallida no se cobra.

¿El convertidor HSV a RGB es gratis?

La herramienta del navegador es gratis y se ejecuta localmente.

Herramientas relacionadas

Para desarrolladores — acceso por API

Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.

Endpoint de API

POSThttps://api.kit.forhosting.com/color/hsv-rgb

¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.

Llámela desde su 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)

Ejemplo de solicitud

{
  "h": 210,
  "s": 70,
  "v": 80
}

Ejemplo de respuesta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.hsv_rgb",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.

Precio

Por solicitud$0.002

Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.

Límites

`h_min`	0
`h_max`	360
`s_min`	0
`s_max`	100
`v_min`	0
`v_max`	100

Errores

HTTP	Código	Significado
`401`	`unauthorized`	API key ausente o inválida.
`402`	`insufficient_balance`	El saldo no cubre el precio de la tarea.
`404`	`unknown_type`	El tipo de tarea no existe.
`429`	`rate_limited`	Demasiadas peticiones. Use el webhook en vez de sondear.

Notas técnicas

Un convertidor HSV a RGB toma un color descrito por el matiz en la rueda, la saturación como porcentaje de croma puro y el valor como brillo, y mapea esos tres números a los canales enteros rojo, verde y azul que toda pantalla, API de canvas y sistema de tokens de diseño sigue hablando de forma nativa. La saturación fuera del rango de cero a cien se rechaza con un error claro invalid_input en lugar de inventar un color recortado. El camino es aritmética determinista pura—sin red, sin semillas aleatorias, sin dependencia del reloj—así que el ejecutor gratuito del navegador y la API prepago devuelven el mismo JSON cada vez que se invoca.

Cómo invocar la API y qué devuelve

La regla de saturación es lenguaje de producto intencional: una saturación de ciento uno o menos diez no debe recortarse en silencio, para que los llamadores noten selectores y fijaciones defectuosas. Envíe un cuerpo JSON con tres números finitos obligatorios: h para el matiz en grados de cero a trescientos sesenta (alias hue y H), s para la saturación como porcentaje de cero a cien (alias saturation y S), y v para el valor como porcentaje de cero a cien (alias value, V y brightness). Las cadenas numéricas circundantes que coincidan con un patrón numérico finito estricto se aceptan y se fuerzan del mismo modo que los números JSON. En caso de éxito la respuesta repite h, s y v redondeados junto con alias hue, saturation y value, campos enteros r, g y b con alias red, green y blue, un arreglo rgb de tres números, una cadena hex en minúsculas con hash inicial, una cadena css de la forma rgb(r, g, b), una cadena css_hsv que resume los porcentajes de entrada, un índice de sector de cero a cinco para el cubo de sesenta grados usado, un mensaje breve en inglés y un arreglo steps que muestra normalización, croma, asignación de sector y líneas de escala final para depuración o enseñanza. La validación fallida—campos ausentes, números no finitos, matiz fuera de cero a trescientos sesenta, valor fuera de cero a cien, o saturación fuera de cero a cien—devuelve invalid_input y nunca se cobra. El precio es un $0.002 fijo por solicitud exitosa con ítem unitario y precio marginal unitario cero.

Consejos prácticos, límites y búsquedas relacionadas

Las tareas fallidas que devuelven invalid_input no consumen saldo prepago, lo que mantiene baratos los scripts exploratorios y la validación de formularios mientras los aprendices pegan valores imperfectos del portapapeles o prueban a propósito los límites de saturación.

Casos de integración

Pruebas unitarias de tema y fijaciones de paleta

Genere ternas RGB conocidas a partir de fijaciones HSV para que las pruebas de regresión visual y de tokens de marca asienten valores de canal estables y rechacen saturación fuera de rango.

Ver la documentación completa del KIT →

Ejecutar — gratis

Ejemplo resuelto

Qué significa HSV y cómo se deriva el RGB

Consejos prácticos, límites y búsquedas relacionadas

Qué puede hacer con ella

Exportación del selector de color a CSS y canvas

Enseñar la fórmula HSV de seis sectores

Preguntas frecuentes

Herramientas relacionadas

Para desarrolladores — acceso por API

Endpoint de API

Llámela desde su stack

Ejemplo de solicitud

Ejemplo de respuesta

Precio

Límites

Errores

Notas técnicas

Cómo invocar la API y qué devuelve

Consejos prácticos, límites y búsquedas relacionadas

Casos de integración

Pruebas unitarias de tema y fijaciones de paleta

gracias