What color formats does this picker support?

The picker displays and lets you edit HEX (#RRGGBB), RGB (r,g,b), HSL (h°,s%,l%), and HSV (h°,s%,v%) simultaneously. Editing any format updates all others in real time.

How do I save recently used colors?

Click the bookmark/save icon or the 'Save Color' button to add the current color to your recent colors. These are stored in your browser's localStorage and persist across sessions.

How does the color comparison work?

Click 'Save for Comparison' to capture the current color, then select a new color. The comparison panel shows both colors side by side so you can judge the difference visually.

Does the alpha channel affect the HEX output?

Yes. When alpha is less than 100%, the HEX field switches to 8-digit format (#RRGGBBAA) so you can copy a fully opaque or semi-transparent value.

Design 無料サインアップ不要

HTML Color Picker

Interactive color picker with HSL, RGB, HEX, and HSV support

ツールを読み込み中…

このツールについて

A full-featured interactive color picker with an HSL spectrum square, hue bar, and alpha channel control. View and edit colors in HEX, RGB, HSL, and HSV formats simultaneously. Save recently used colors to localStorage for quick access, copy any format to clipboard with one click, and compare your current selection against a saved reference color side by side.

使い方

1 Drag the circle in the spectrum square to choose hue and saturation/lightness.
2 Use the hue bar to slide through the full color spectrum.
3 Adjust the alpha slider to set transparency.
4 Edit any of the HEX, RGB, HSL, or HSV fields directly for precise values.
5 Click a format's copy icon to copy that value to your clipboard.
6 Press 'Save Color' to store the current color in recent colors.
7 Use 'Save for Comparison' then pick another color to compare them side by side.

このツールについて

使い方

よくある質問