~/tools/color-picker

Color Picker

Pick any color, view its HEX / RGB / HSL values, and generate harmonious palettes. Works offline.

What is this?

Hide details

What is Color Picker?

Pick, sample, and save colors entirely in your browser. Outputs HEX, RGB, and HSL side by side. Saved swatches persist via localStorage; nothing is uploaded. Click into the picker, copy any value to clipboard, or build a small palette for design or code. Works offline.

color-picker.js

HEX #22d3ee

RGB rgb(34, 211, 238)

HSL hsl(187, 82%, 53%)

Generate Palette