updates for colors, saturation and desaturation

Author: MattEzekiel

desaturate/index.ts

@@ -0,0 +1,15 @@
+import Color from "color";
+import ensureHexFormat from "../ensureHexFormat";
+
+/**
+ * Lightens a color.
+ * @param color - The base color in hex format.
+ * @param coefficient - The coefficient between 0 and 1 to determine how much to lighten the color.
+ * @returns The lightened color in hex format.
+ */
+function desaturate(color: string, coefficient: number): string {
+    const c = Color(color).desaturate(coefficient).hex();
+    return ensureHexFormat(c);
+}
+
+export default desaturate;

index.ts

@@ -1,24 +1,6 @@
-import Color from 'color';
-import ensureHexFormat from "./ensureHexFormat";
+import ligthen from "./lighten";
+import darken from "./darken";
+import saturate from "./saturate";
+import desaturate from "./desaturate";
 
-/**
- * Darkens a color.
- * @param color - The base color in hex format.
- * @param coefficient - The coefficient between 0 and 1 to determine how much to darken the color.
- * @returns The darkened color in hex format.
- */
-export function darken(color: string, coefficient: number): string {
-    const c = Color(color).darken(coefficient).hex();
-    return ensureHexFormat(c);
-}
-
-/**
- * Lightens a color.
- * @param color - The base color in hex format.
- * @param coefficient - The coefficient between 0 and 1 to determine how much to lighten the color.
- * @returns The lightened color in hex format.
- */
-export function lighten(color: string, coefficient: number): string {
-    const c = Color(color).lighten(coefficient).hex();
-    return ensureHexFormat(c);
-}
+export { ligthen, darken, saturate, desaturate, };

lighten/index.ts

@@ -1,6 +1,12 @@
 import Color from "color";
 import ensureHexFormat from "../ensureHexFormat";
 
+/**
+ * Lightens a color.
+ * @param color - The base color in hex format.
+ * @param coefficient - The coefficient between 0 and 1 to determine how much to lighten the color.
+ * @returns The lightened color in hex format.
+ */
 function lighten(color: string, coefficient: number): string {
     const c = Color(color).lighten(coefficient).hex();
     return ensureHexFormat(c);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "color-manipulation-utils",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Check contrast of colors HEX",
   "main": "index.js",
   "types": "index.d.ts",

saturate/index.ts

@@ -0,0 +1,15 @@
+import Color from "color";
+import ensureHexFormat from "../ensureHexFormat";
+
+/**
+ * Lightens a color.
+ * @param color - The base color in hex format.
+ * @param coefficient - The coefficient between 0 and 1 to determine how much to lighten the color.
+ * @returns The lightened color in hex format.
+ */
+function saturate(color: string, coefficient: number): string {
+    const c = Color(color).saturate(coefficient).hex();
+    return ensureHexFormat(c);
+}
+
+export default saturate;

test/test.ts

@@ -1,4 +1,6 @@
-import { lighten, darken } from "../index";
+import { ligthen, darken, desaturate, saturate } from "../index";
 
-console.log(lighten('#7a0f0f', 0.2));
+console.log(ligthen('#7a0f0f', 0.2));
 console.log(darken('#068806', 0.8));
+console.log(desaturate('#ffaf30', 0.8));
+console.log(saturate('#000fff', 0.8));

test/testDefault.ts

@@ -1,5 +1,9 @@
 import lighten from "../lighten/index";
 import darken from "../darken/index";
+import desaturate from "../desaturate";
+import saturate from "../saturate";
 
 console.log(lighten('#7a0f0f', 0.2));
 console.log(darken('#ffaf30', 0.2));
+console.log(desaturate('#30ff6b', 0.2));
+console.log(saturate('#ff30a5', 0.2));