Move from % in L to float because % has issue with calc() in relative colors

Author: ai

lib/colors.ts

@@ -136,9 +136,9 @@ export function formatLch(color: AnyLch): string {
   let { alpha, c, h, l } = color
   let postfix = ''
   if (typeof alpha !== 'undefined' && alpha < 1) {
-    postfix = ` / ${toPercent(alpha)}`
+    postfix = ` / ${clean(100 * alpha)}%`
   }
-  return `${COLOR_FN}(${toPercent(l / L_MAX)} ${c} ${h}${postfix})`
+  return `${COLOR_FN}(${clean(l / L_MAX)} ${c} ${h}${postfix})`
 }
 
 // Hack to avoid ,999999 because of float bug implementation
@@ -149,10 +149,6 @@ export function clean(value: number, precision = 2): number {
   )
 }
 
-export function toPercent(value: number): string {
-  return `${clean(100 * value)}%`
-}
-
 export function isHexNotation(value: string): boolean {
   return /^#?([\da-f]{3}|[\da-f]{4}|[\da-f]{6}|[\da-f]{8})$/i.test(value)
 }

stores/formats.ts

@@ -20,7 +20,6 @@ import {
   lrgb,
   oklab,
   p3,
-  toPercent,
   toRgb
 } from '../lib/colors.ts'
 import { current, valueToColor } from './current.ts'
@@ -32,7 +31,7 @@ function formatOklab(color: Oklab): string {
   if (typeof alpha !== 'undefined' && alpha < 1) {
     postfix = ` / ${clean(alpha)}`
   }
-  return `oklab(${toPercent(l)} ${clean(a)} ${clean(b)}${postfix})`
+  return `oklab(${clean(l)} ${clean(a)} ${clean(b)}${postfix})`
 }
 
 function formatVec(color: AnyRgb): string {