Anders är en webbutvecklare och hårdrockare som gillar brädspel, kaffe och öl.

Detta är ett arkiverat inlägg, som importerats hit för referens. Det kan se konstigt ut och innehålla utdaterad information eller inaktuella åsikter.

Hex till RGB och RGBa med JavaScript

Jag var i behov av att kunna skifta mellan hex, rgb och rgba och tröttnade på att googla ytterligare en gång. Jag skrev därför ihop en liten funktion som kan köras i Firebug eller annan Inspector.

function hex2rgb(hex, opacity) {
  var rgb = hex.replace('#', '').match(/(.{2})/g);

  var i = 3;
  while (i--) {
    rgb[i] = parseInt(rgb[i], 16);
  }

  if (typeof opacity == 'undefined') {
    return 'rgb(' + rgb.join(',') + ')';
  }

  return 'rgba(' + rgb.join(', ') + ', ' + opacity + ')';
};

Används ganska så rättframt.

hex2rgb('#e68079'); // rgb(230, 128, 121)
hex2rgb('#e68079', .66); // rgba(230, 128, 121, 0.66)

Kodsnutt på Pastie finns också för den som föredrar det.