Angular Hex pipe

El siguiente pipe de Angular formatea el input como Hex:

hex.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'hex',
  standalone: true,
})
export class HexPipe implements PipeTransform {

  transform(value: number): string {
    if (isNaN(value)) {
      return '';
    }
    return value.toString(16).toUpperCase();
  }

}

Ejemplo de uso

hex_pipe_usage.html
{{ 255 | hex }} <!-- FF -->

Echa un vistazo a artículos similares por categoría: Angular Typescript