Support RGB Percentage Values (#320)

Co-authored-by: Lukas Holländer <[email protected]>

Author: lennartkerkvliet

src/utils/rgbcolor.ts

@@ -196,6 +196,17 @@ export class RGBColor {
           return [parseInt(bits[1]), parseInt(bits[2]), parseInt(bits[3])]
         }
       },
+      {
+        re: /^rgb\(([0-9.]+)%,\s*([0-9.]+)%,\s*([0-9.]+)%\)$/,
+        example: ['rgb(50.5%, 25.75%, 75.5%)', 'rgb(100%,0%,0%)'],
+        process: function(bits: any) {
+          return [
+            Math.round(parseFloat(bits[1]) * 2.55),
+            Math.round(parseFloat(bits[2]) * 2.55),
+            Math.round(parseFloat(bits[3]) * 2.55)
+          ]
+        }
+      },
       {
         re: /^(\w{2})(\w{2})(\w{2})$/,
         example: ['#00ff00', '336699'],

test/common/tests.js

@@ -44,6 +44,7 @@ window.tests = [
   'rect',
   'references',
   'remote-images',
+  'rgb-color-percent',
   ['size-options/no-params-no-attrs-no-viewbox', [400, 300], {}],
   ['size-options/no-params-no-attrs-with-viewbox', [400, 300], {}],
   ['size-options/no-params-with-attrs-no-viewbox', [400, 300], {}],