Add easy way to produce legacy CSS rgb()/rgba() functions, closes #203

color-js · Nov 3, 2022 · 667c19a · 667c19a
1 parent bf36ebc
commit 667c19a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/serialize.js b/src/serialize.js
@@ -77,7 +77,7 @@ export default function serialize (color, {
 			alpha = util.toPrecision(alpha, precision);
 		}
 
-		let strAlpha = color.alpha < 1? `${format.commas? "," : " /"} ${alpha}` : "";
+		let strAlpha = color.alpha < 1 && !format.noAlpha? `${format.commas? "," : " /"} ${alpha}` : "";
 		ret = `${name}(${args.join(format.commas? ", " : " ")}${strAlpha})`;
 	}
 

diff --git a/src/spaces/srgb.js b/src/spaces/srgb.js
@@ -3,6 +3,7 @@ import sRGBLinear from "./srgb-linear.js";
 import KEYWORDS from "../keywords.js";
 
 let coordGrammar = Array(3).fill("<percentage> | <number>[0, 255]");
+let coordGrammarNumber = Array(3).fill("<number>[0, 255]");
 
 export default new RGBColorSpace({
 	id: "srgb",
@@ -42,12 +43,23 @@ export default new RGBColorSpace({
 		"rgb": {
 			coords: coordGrammar,
 		},
+		"rgb_number": {
+			name: "rgb",
+			commas: true,
+			coords: coordGrammarNumber,
+			noAlpha: true,
+		},
 		"color": { /* use defaults */ },
 		"rgba": {
 			coords: coordGrammar,
 			commas: true,
 			lastAlpha: true,
 		},
+		"rgba_number": {
+			name: "rgba",
+			commas: true,
+			coords: coordGrammarNumber
+		},
 		"hex": {
 			type: "custom",
 			toGamut: true,