import { ColorData } from '@diez/prefabs' ; /**
 * Returns a string with a valid CSS <color> value from a Color prefab instance.
 */ export const colorToCss = ( { h , s , l , a } ) => `hsla(${ h * 360 }, ${ s * 100 }%, ${ l * 100 }%, ${ a })` ; /**
 * Returns a string with a valid CSS <color> value from a Color prefab instance rounding values to one decimal point.
 */ export const colorToLowFidelityCss = ( { h , s , l , a } ) => { return `hsla(${ round ( h * 360 ) }, ${ round ( s * 100 ) }%, ${ round ( l * 100 ) }%, ${ a })` ; } ; const round = ( number ) => { return Math . round ( number * 10 ) / 10 ; } ;