e-Toolbox日本語
Period CalculatorBase ConverterQR Code GeneratorUUID GeneratorPassword GeneratorHash GeneratorImage ResizerImage GrayscaleImage BinarizerExif ViewerJSON FormatterColor PickerImage Color PickerURL EncoderBase64 ConverterUnix TimestampFavicon Generator3D Model ViewerVRM ViewerFunction PlotterStatistics CalculatorLinear RegressionDistribution SimulatorCharacter CounterText Diff CheckerRegex TesterBMI CalculatorBSA CalculatorBMR Calculator

Color Picker & Converter

Convert color codes between RGB, HEX, and HSL formats

Color Picker

Select a color

Click to choose a color

Color Code
HEX
RGB
HSL
HEX
#FF0000

Web Standard Format

RGB
255, 0, 0

Red, Green, Blue (0-255)

HSL
0, 100%, 50%

Hue, Saturation, Lightness

Select a color using the color picker or enter values directly in each format field. Convert between HEX, RGB, and HSL formats, and copy values to clipboard with the copy button.

About this tool

The Color Picker converts between RGB, HEX, and HSL representations in real time, complete with a live preview. It's a quick way to translate a color spec without opening a full design tool.

Common use cases

  • Translate a HEX value from a brand guide into the rgba() needed for CSS.
  • Adjust HSL to find a slightly lighter or more saturated variant of a base color.
  • Match a screenshot color to a value you can paste into Figma, Sketch, or code.
  • Document a design system by converting palette entries into multiple formats.