Color Picker & Converter - HEX, RGB, HSL in One Place
Pick a color, grab it from your screen, and convert between HEX, RGB, and HSL instantly.
From Eyedropper to Every Format
AiLoveKit's color picker & converter gives you three ways in: the native color input, a typed hex value, or - in Chromium browsers - the EyeDropper API to sample any pixel on your screen. Every color is instantly converted to HEX, RGB, and HSL with one-click copy for each.
When to Use Each Format
- HEX - the CSS default; compact and diff-friendly for stylesheets.
- RGB - needed for canvas work and when adding alpha via rgba().
- HSL - the intuitive choice for building shades: keep hue, tweak lightness.
Building a palette next? The Color Palette Generator turns one color into five.