Skip to content
ADAAT
العربية

Color Picker

Local processing — your files never leave your device

Move the selector or paste a code to see HEX, RGB, and HSL together with a preview on light, dark, and text backgrounds.

How to use

  1. 1Move the selector or enter a color code.
  2. 2The HEX, RGB, and HSL values update instantly.
  3. 3Copy the format you need with one click.

Features

  • Large live preview
  • Synced HEX, RGB, and HSL values
  • One-click copy

When to use this tool

Use it to match a color from a design, to copy a code out of an image, to prepare interface palettes, or to confirm a color pair has enough contrast.

FAQ

What is the difference between the three formats?

HEX is a compact hexadecimal notation common in CSS, RGB describes the three color channels, and HSL describes hue, saturation, and lightness, which makes adjusting a color easier.

Related articles

Related tools

HEX to RGBConvert HEX color codes to RGB format with a live preview and quick copy.RGB to HEXConvert RGB color values to the HEX code used in design and CSS.Color Palette GeneratorGenerate harmonious color palettes (complementary, analogous, monochromatic, triadic) from any base color.Contrast CheckerCheck text and background contrast against WCAG standards to ensure readability.