colormate_core_hex_to_rgb_hsl_color_conversion.ts

1import { Color } from '@colormate/core';
2
3// Create a new Color instance from a hex string
4const color = new Color('#3498db');
5
6// Access color properties in different formats
7console.log('Hex:', color.hex);        // "#3498db"
8console.log('RGB:', color.rgb);        // { r: 52, g: 152, b: 219 }
9console.log('HSL:', color.hsl);        // { h: 204, s: 70, l: 53 }
10
11// You can also use the shorthand factory function
12import { colormate } from '@colormate/core';
13
14const brandColor = colormate('#e74c3c');
15console.log('RGBA String:', brandColor.toRgbaString()); // "rgba(231, 76, 60, 1)"