HEXをRGBに変換

HEXをRGBに変換するスニペットコード

javascript

typescript

TypeScriptで、HEXをRBGに変換していきます。

コード

const hexToRgb = (hex: string): string[] => {
  if ( hex.slice(0, 1) == "#" ) hex = hex.slice(1) ;
  if ( hex.length == 3 ) hex = hex.slice(0,1) + hex.slice(0,1) + hex.slice(1,2) + hex.slice(1,2) + hex.slice(2,3) + hex.slice(2,3) ;
  
  return [ hex.slice( 0, 2 ), hex.slice( 2, 4 ), hex.slice( 4, 6 ) ].map( function ( str ) {
	return parseInt( str, 16 ) ;
  });
}

hexToRgb( "#ff8040" ) ;	// [ 255, 128, 64 ]
hexToRgb( "#f00" ) ;	// [ 255, 0, 0 ]
hexToRgb( "f00" ) ;	// [ 255, 0, 0 ]