@carto/airship-bridge/src/vl/utils/color.ts

Airship bridge to other libs (CARTO VL, CARTO.js)

import { RGBColor } from '../../types';

/**
 * Converts VL RGB Colors to hex
 *
 * @export
 * @param {RGBColor} color
 * @returns
 */
export function rgbToHex(color: RGBColor) {
  return `#${_toHex(color.r)}${_toHex(color.g)}${_toHex(color.b)}${_toHex(Math.floor(color.a * 255))}`;
}

/**
 * Converts VL RGB Colors to string color
 *
 * @export
 * @param {RGBColor} color
 * @returns string
 */
export function rgbaToString(color: RGBColor) {
  return `rgba(${color.r},${color.g},${color.b},${color.a})`;
}

/**
 * Converts colors to hex strings. If input is a string is assumed to be a valid HEX string.
 *
 * @export
 * @param {(RGBColor | string)} color
 * @returns
 */
export function toHex(color: RGBColor | string) {
  if (typeof color === 'string') {
    return color;
  }

  return rgbToHex(color as RGBColor);
}

function _toHex(value: number) {
  if (isNaN(value) || value === undefined) {
    return '';
  }

  return value.toString(16).padStart(2, '0').toUpperCase();
}