Angular Hex pipe

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();
  }

}

{{ 255 | hex }} <!-- FF -->