Universal Toolbox

Color Picker

Color Lab

Color Picker

Pick or enter a color, view HEX/RGB instantly, convert formats, and preview across UI styles.

Tweak HEX/RGB, opacity, and tone with live previews

Click a preset or paste a code to start

Picker

Adjust lightness and opacity for instant RGBA output

Primary color

Live preview updates instantly

Preset palette

Click a swatch to apply

Preview

Centered preview for text, badges, and backgrounds

Current color#3289c7rgba(50, 137, 199, 1)
Text sample#3289c7
Text sample
Badge sampleBackground samplergb(50, 137, 199)rgba(50, 137, 199, 1)
Need inspiration? Grab a preset, then fine-tune lightness and opacity to match your UI.
Format conversion

Switch between HEX and RGB, then apply to your current swatch

Result--
About

HEX/RGB color picker with presets, lightness/opacity controls, live preview, and format conversion for quick design/dev use.

How to use

  1. Pick a color or type HEX/RGB, adjust lightness and opacity.
  2. Use conversion to switch formats, then apply to the current color.
  3. Check previews, copy codes, or download the swatch PNG.
Color Picker - HEX & RGB Converter