Ombyggnad 2026/2027 pågår - döda länkar förekommer. Mer information

Hex till RGB och RGBa med JavaScript

2010-05-31 på Anders Ytterströms webblogg

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.


Ovanstående inlägg publicerades 2010-05-31. Det går att prenumerera på denna webblogg. Härifrån är följande mål rekommenderade: