Color Picker

Pick a color visually or paste a HEX/RGB/HSL value and see it converted to every other format at once, with RGBA/HSLA alpha support included for when transparency matters. HSL is worth reaching for specifically when you need to programmatically adjust lightness or saturation while holding hue steady, since it separates those dimensions in a way RGB doesn't, arguably more intuitive for that kind of adjustment than RGB, though neither is objectively better overall. A common practical use is double-checking that a design tool's color export actually matches what's hardcoded in a stylesheet or design token file. This tool converts a single color; if the goal is generating a whole palette or a tint/shade scale from one base color, the dedicated Palette Generator and Color Shades tools cover that instead.

Installnpm install @utilix-tech/sdk

Usageimport { color } from '@utilix-tech/sdk'
const parsed = color.parseColor('#7c3aed')
console.log(parsed.rgb)  // { r: 124, g: 58, b: 237 }
console.log(parsed.hsl)  // { h: 262, s: 83, l: 58 }