HSB to RGB

OSCC · JavaScript, Math · Sep 18, 2020

Converts a HSB color tuple to RGB format.

  • Use the HSB to RGB conversion formula to convert to the appropriate format.
  • The range of the input parameters is H: [0, 360], S: [0, 100], B: [0, 100].
  • The range of all output values is [0, 255].
const HSBToRGB = (h, s, b) => {
  s /= 100;
  b /= 100;
  const k = (n) => (n + h / 60) % 6;
  const f = (n) => b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1)));
  return [255 * f(5), 255 * f(3), 255 * f(1)];
};
HSBToRGB(18, 81, 99); // [252.45, 109.31084999999996, 47.965499999999984]

Recommended snippets & collections

  • Working with color in JavaScript requires some understanding of color formats and conversions. Luckily, this snippet collection's got you covered.

  • RGB to HSB

    JavaScript, Math

    Converts a RGB color tuple to HSB format.

  • HSL to RGB

    JavaScript, Math

    Converts a HSL color tuple to RGB format.

  • RGB to HSL

    JavaScript, Math

    Converts a RGB color tuple to HSL format.