Conversor de RGB a HSB
Obtén el tono, la saturación y el brillo de un color RGB para introducirlos en Photoshop, Figma o Sketch.
Entrada rgb
Resultado · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cómo usarlo: RGB a HSB
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
Qué significa HSB
HSB significa tono, saturación y brillo (hue, saturation, brightness). Es el mismo modelo que HSV —solo cambia el nombre del tercer componente— y es el nombre que usan Adobe Photoshop, Illustrator, Figma y Sketch en sus selectores de color. El tono se indica en grados de 0 a 360, y la saturación y el brillo, en porcentaje.
Convierte RGB a HSB cuando tengas valores de canal de una captura, un sitio web o unas especificaciones y quieras escribir el color en una app de diseño que trabaje en HSB, o cuando quieras entender mejor un color: poca saturación significa un tono grisáceo y poco brillo, uno oscuro. Por ejemplo, rgb(255, 61, 114) se convierte en hsb(344, 76%, 100%). La herramienta también muestra HEX, HSL, HSV y CMYK del mismo color, cada uno con su botón de copiar.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.