JSFiddle - React, Tailwind, and code Playground

by soulwire

JavaScript

function decimalColorToNormalizedRGBArray(color) {
  const r = (color & 0xff0000) >> 16;
  const g = (color & 0x00ff00) >> 8;
  const b = color & 0x0000ff;
  return [r / 255, g / 255, b / 255];
}

function decimalColorToNormalizedRGBAArray(color) {
	const a = (color & 0xff000000) >> 24;
  const r = (color & 0x00ff0000) >> 16;
  const g = (color & 0x0000ff00) >> 8;
  const b = color & 0x000000ff;
  return [r / 255, g / 255, b / 255, a / 255];
}

console.log(
	decimalColorToNormalizedRGBArray(0xaabbcc),
  decimalColorToNormalizedRGBAArray(0xeeaabbcc)
);