Add `ColorUtil.rgbaToString()`

diff --git a/ts/WoltLabSuite/Core/ColorUtil.ts b/ts/WoltLabSuite/Core/ColorUtil.ts
index a4c20ee3e38a07a9f084e2820b5b86957b65029b..86633b0a5a793e35814e2fca0d19ba168d48d626 100644 (file)
--- a/ts/WoltLabSuite/Core/ColorUtil.ts
+++ b/ts/WoltLabSuite/Core/ColorUtil.ts
@@ -219,6 +219,15 @@ export function rgbaToHex(r: RGBA | number, g?: number, b?: number, a?: number):
   return rgbToHex(r as number, g, b!) + alphaToHex(a!);
 }
 
+/**
+ * Returns the textual representation of a RGBA value.
+ *
+ * @since 5.5
+ */
+export function rgbaToString(rgba: RGBA): string {
+  return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
+}
+
 export interface RGB {
   r: number;
   g: number;
@@ -243,6 +252,7 @@ window.__wcf_bc_colorUtil = {
   hexToRgb,
   hsvToRgb,
   rgbaToHex,
+  rgbaToString,
   rgbToHex,
   rgbToHsv,
 };

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/ColorUtil.js b/wcfsetup/install/files/js/WoltLabSuite/Core/ColorUtil.js
index 52d1b0c3979d2f8528b03a37e8b06c3b14dddc56..7685e9d0a33d204884292d5df88394c6d4b06f64 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/ColorUtil.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/ColorUtil.js
@@ -10,7 +10,7 @@
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.rgbaToHex = exports.rgbToHex = exports.hexToRgb = exports.rgbToHsv = exports.hsvToRgb = void 0;
+    exports.rgbaToString = exports.rgbaToHex = exports.rgbToHex = exports.hexToRgb = exports.rgbToHsv = exports.hsvToRgb = void 0;
     /**
      * Converts a HSV color into RGB.
      *
@@ -187,11 +187,21 @@ define(["require", "exports"], function (require, exports) {
         return rgbToHex(r, g, b) + alphaToHex(a);
     }
     exports.rgbaToHex = rgbaToHex;
+    /**
+     * Returns the textual representation of a RGBA value.
+     *
+     * @since 5.5
+     */
+    function rgbaToString(rgba) {
+        return `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})`;
+    }
+    exports.rgbaToString = rgbaToString;
     // WCF.ColorPicker compatibility (color format conversion)
     window.__wcf_bc_colorUtil = {
         hexToRgb,
         hsvToRgb,
         rgbaToHex,
+        rgbaToString,
         rgbToHex,
         rgbToHsv,
     };