@library/color 0.0.3 → 0.0.4

package/.turbo/turbo-test.log

@@ -1,247 +1,173 @@
 
 Determining test suites to run...
+
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
+ RUNS  src/rgbToCssString.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToCssString.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
- RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+ RUNS  src/rgbToCssString.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToCssString.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+ RUNS  src/rgbToCssString.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToCssString.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToCssString.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
+ RUNS  src/rgbToCssString.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
-
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
+
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/rgbToHex.spec.ts
+
 
- RUNS  src/hexToRgb.spec.ts
  RUNS  src/rgbToHex.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
+ RUNS  src/hexToRgb.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
+ RUNS  src/hexToRgb.spec.ts
+
 
  RUNS  src/hexToRgb.spec.ts
- RUNS  src/rgbToHex.spec.ts
+
 
-Test Suites: 0 of 2 total
-Tests:       0 total
-Snapshots:   0 total
-Time:        0 s
-Tests:       22 passed, 22 total
+ RUNS  src/hexToRgb.spec.ts
+
+Tests:       26 passed, 26 total
 Snapshots:   0 total
-Time:        0.537 s
+Time:        0.33 s, estimated 1 s
 Ran all test suites.

package/coverage/lcov-report/hexToRgb.ts.html

@@ -148,7 +148,7 @@
 /**
  * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";
@@ -190,7 +190,7 @@ export function hexToRgb(hex: string): RGBColor {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-03-26T13:56:54.131Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/index.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>17/17</span>
+                <span class='fraction'>23/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>17/17</span>
+                <span class='fraction'>18/18</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>4/4</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>17/17</span>
+                <span class='fraction'>23/23</span>
             </div>
         
             
@@ -93,19 +93,34 @@
 	<td data-value="9" class="abs high">9/9</td>
 	</tr>
 
+<tr>
+	<td class="file high" data-value="rgbToCssString.ts"><a href="rgbToCssString.ts.html">rgbToCssString.ts</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="5" class="abs high">5/5</td>
+	</tr>
+
 <tr>
 	<td class="file high" data-value="rgbToHex.ts"><a href="rgbToHex.ts.html">rgbToHex.ts</a></td>
 	<td data-value="100" class="pic high">
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="8" class="abs high">8/8</td>
+	<td data-value="9" class="abs high">9/9</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="6" class="abs high">6/6</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="8" class="abs high">8/8</td>
+	<td data-value="9" class="abs high">9/9</td>
 	</tr>
 
 </tbody>
@@ -116,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-03-26T13:56:54.131Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/rgbToCssString.ts.html

@@ -0,0 +1,112 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for rgbToCssString.ts</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="prettify.css" />
+    <link rel="stylesheet" href="base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="index.html">All files</a> rgbToCssString.ts</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>5/5</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>5/5</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { RGBColor } from "./types";
+&nbsp;
+export function rgbToCssString(rgb: RGBColor) {
+  const { r, g, b, a } = rgb;
+  if (typeof a !== "number") {
+    return `rgb(${r}, ${g}, ${b})`;
+  }
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-03-26T14:08:05.118Z
+            </div>
+        <script src="prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="sorter.js"></script>
+        <script src="block-navigation.js"></script>
+    </body>
+</html>
+    

package/coverage/lcov-report/rgbToHex.ts.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>8/8</span>
+                <span class='fraction'>9/9</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>8/8</span>
+                <span class='fraction'>9/9</span>
             </div>
         
             
@@ -77,13 +77,35 @@
 <a name='L12'></a><a href='#L12'>12</a>
 <a name='L13'></a><a href='#L13'>13</a>
 <a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-yes">10x</span>
@@ -98,7 +120,18 @@ const hex = (num: number) =&gt; {
   return hex.length === 1 ? `0${hex}` : hex;
 };
 &nbsp;
-export function rgbToHex({ r, g, b, a }: RGBColor): string {
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
   let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
   if (typeof a === "number" &amp;&amp; a &gt;= 0 &amp;&amp; a &lt;= 1) {
     ret += hex(parseInt((255 * a).toFixed(0)));
@@ -112,7 +145,7 @@ export function rgbToHex({ r, g, b, a }: RGBColor): string {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-03-26T13:56:54.131Z
+                at 2025-03-26T14:08:05.118Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -30,9 +30,26 @@ BRF:11
 BRH:11
 end_of_record
 TN:
+SF:src/rgbToCssString.ts
+FN:3,rgbToCssString
+FNF:1
+FNH:1
+FNDA:4,rgbToCssString
+DA:3,4
+DA:4,4
+DA:5,4
+DA:6,1
+DA:8,3
+LF:5
+LH:5
+BRDA:5,0,0,1
+BRF:1
+BRH:1
+end_of_record
+TN:
 SF:src/rgbToHex.ts
 FN:3,(anonymous_1)
-FN:8,rgbToHex
+FN:18,rgbToHex
 FNF:2
 FNH:2
 FNDA:34,(anonymous_1)
@@ -40,19 +57,20 @@ FNDA:10,rgbToHex
 DA:3,1
 DA:4,34
 DA:5,34
-DA:8,10
-DA:9,10
-DA:10,10
-DA:11,4
-DA:13,10
-LF:8
-LH:8
+DA:18,10
+DA:19,10
+DA:20,10
+DA:21,10
+DA:22,4
+DA:24,10
+LF:9
+LH:9
 BRDA:5,0,0,19
 BRDA:5,0,1,15
-BRDA:10,1,0,4
-BRDA:10,2,0,10
-BRDA:10,2,1,4
-BRDA:10,2,2,4
+BRDA:21,1,0,4
+BRDA:21,2,0,10
+BRDA:21,2,1,4
+BRDA:21,2,2,4
 BRF:6
 BRH:6
 end_of_record

package/dist/hexToRgb.d.ts

@@ -2,7 +2,7 @@ import type { RGBColor } from "./types";
 /**
  * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";

package/dist/hexToRgb.js

@@ -1,7 +1,7 @@
 /**
  * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { hexToRgb } from "./hexToRgb.js";
 export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";
 export type * from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,mBAAmB,SAAS,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export { hexToRgb } from "./hexToRgb.js";
 export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";

package/dist/rgbToCssString.d.ts

@@ -0,0 +1,12 @@
+import type { RGBColor } from "./types";
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export declare function rgbToCssString(rgb: RGBColor): string;
+//# sourceMappingURL=rgbToCssString.d.ts.map

package/dist/rgbToCssString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgbToCssString.d.ts","sourceRoot":"","sources":["../src/rgbToCssString.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,CAMpD"}

package/dist/rgbToCssString.js

@@ -0,0 +1,16 @@
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export function rgbToCssString(rgb) {
+    const { r, g, b, a } = rgb;
+    if (typeof a !== "number") {
+        return `rgb(${r}, ${g}, ${b})`;
+    }
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}

package/dist/rgbToHex.d.ts

@@ -1,3 +1,13 @@
 import { RGBColor } from "./types";
-export declare function rgbToHex({ r, g, b, a }: RGBColor): string;
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export declare function rgbToHex(rgb: RGBColor): string;
 //# sourceMappingURL=rgbToHex.d.ts.map

package/dist/rgbToHex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rgbToHex.d.ts","sourceRoot":"","sources":["../src/rgbToHex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOnC,wBAAgB,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,CAMzD"}
+{"version":3,"file":"rgbToHex.d.ts","sourceRoot":"","sources":["../src/rgbToHex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOnC;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,CAO9C"}

package/dist/rgbToHex.js

@@ -2,7 +2,18 @@ const hex = (num) => {
     const hex = num.toString(16);
     return hex.length === 1 ? `0${hex}` : hex;
 };
-export function rgbToHex({ r, g, b, a }) {
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb) {
+    const { r, g, b, a } = rgb;
     let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
     if (typeof a === "number" && a >= 0 && a <= 1) {
         ret += hex(parseInt((255 * a).toFixed(0)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@library/color",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "main": "./dist/index.js",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,5 +12,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ecc6c3eabd95b3fd7c0d2c5220ce3856195fb6b9"
+  "gitHead": "95b2a37ecb3e4b963a573a66961aa08e35722232"
 }

package/src/hexToRgb.ts

@@ -3,7 +3,7 @@ import type { RGBColor } from "./types";
 /**
  * Convert a hexadecimal color code to its corresponding RGBA representation.
  * @param {string} hex - The hexadecimal color code to be converted.
- * @returns {RGBA} - An object containing the RGBA values.
+ * @returns {RGBColor} - An object containing the RGBA values.
  * @example
  * ```
  * import { hexToRgb } from "@library/color";

package/src/index.ts

@@ -1,3 +1,4 @@
 export { hexToRgb } from "./hexToRgb.js";
 export { rgbToHex } from "./rgbToHex.js";
+export { rgbToCssString } from "./rgbToCssString.js";
 export type * from "./types";

package/src/rgbToCssString.spec.ts

@@ -0,0 +1,25 @@
+import { rgbToCssString } from "./rgbToCssString";
+import type { RGBColor } from "./types";
+
+describe("rgbToCssString", () => {
+  test.each<[desc: string, input: RGBColor, expected: string]>([
+    ["rgb string without alpha", { r: 255, g: 0, b: 128 }, "rgb(255, 0, 128)"],
+    [
+      "rgba string with alpha 0.5",
+      { r: 255, g: 0, b: 128, a: 0.5 },
+      "rgba(255, 0, 128, 0.5)",
+    ],
+    [
+      "rgba string with alpha 0",
+      { r: 0, g: 0, b: 0, a: 0 },
+      "rgba(0, 0, 0, 0)",
+    ],
+    [
+      "rgba string with alpha 1",
+      { r: 255, g: 255, b: 255, a: 1 },
+      "rgba(255, 255, 255, 1)",
+    ],
+  ])("%s", (_, input, expected) => {
+    expect(rgbToCssString(input)).toBe(expected);
+  });
+});

package/src/rgbToCssString.ts

@@ -0,0 +1,18 @@
+import type { RGBColor } from "./types";
+
+/**
+ * Converts an RGB or RGBA color object into a CSS color string.
+ *
+ * If the alpha (`a`) value is provided, it returns a `rgba(r, g, b, a)` string.
+ * Otherwise, it returns a `rgb(r, g, b)` string.
+ *
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} A CSS color string.
+ */
+export function rgbToCssString(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
+  if (typeof a !== "number") {
+    return `rgb(${r}, ${g}, ${b})`;
+  }
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
+}

package/src/rgbToHex.ts

@@ -5,7 +5,18 @@ const hex = (num: number) => {
   return hex.length === 1 ? `0${hex}` : hex;
 };
 
-export function rgbToHex({ r, g, b, a }: RGBColor): string {
+/**
+ * @param {RGBColor} rgb An object containing the RGBA values.
+ * @returns {string} The hexadecimal color code
+ *
+ * @example
+ * ```ts
+ * rgbToHex({ r: 255, g: 99, b: 71 }); // "#ff6347"
+ * rgbToHex({ r: 255, g: 99, b: 71, a: 0.5 }); // "#ff634780"
+ * ```
+ */
+export function rgbToHex(rgb: RGBColor): string {
+  const { r, g, b, a } = rgb;
   let ret = `#${hex(r)}${hex(g)}${hex(b)}`;
   if (typeof a === "number" && a >= 0 && a <= 1) {
     ret += hex(parseInt((255 * a).toFixed(0)));