365Lab ColorCOLOR LAB
中 EN
Color Picker

Color picker & details

Drag the sliders or paste any color value to get every format, full scales and matching suggestions.

#7C5CFF

All formats

Click any swatch to copy its value

Closest color names

Color scales

Harmony suggestions

Recently used

Related tools

Generator

Generate harmonious palettes from color theory, lock and export.

Converter

Convert HEX / RGB / HSL / CMYK / LAB, single or bulk.

Contrast

WCAG contrast checks with one-click accessible fixes.

About this tool

📘

The color picker breaks any color into HEX/RGB/HSL/HSV/CMYK/LAB/LCH and shows full lightness scales plus harmony suggestions — ideal for precise work.

  • Drag the H/S/L sliders or paste any value (#7C5CFF, rgb(...), hsl(...) or even a name like tomato) — everything updates live.
  • Click any value to copy it; the Scales section gives a Tailwind-style 50–950 ramp you can drop into design variables.
  • Tap "Pick color from screen" to sample anywhere on your monitor: shrink the browser window first so the target is visible, then click — do not minimize the window (screen picking relies on the system eyedropper and only works in some desktop browsers).

Tips

💡
  • Move the pointer or drag sliders — HEX/RGB/HSL stay in sync; click any value to copy it.
  • The same color reads differently on different backgrounds; toggle light/dark to preview.
  • Tap ♥ to add the current color to Favorites; export a backup before switching devices.