CheatSheetsCheatSheets
๐Ÿ”’ Privacy Safe:All processing is done 100% locally in your browser, nothing is uploaded to the server.

Color Picker

Color picker, format conversion, palette and contrast check.

  • Visual picker
  • HEX/RGB/HSL conversion
  • Palette generation
  • WCAG contrast check
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)

How to use Color Picker

  1. Pick a color๏ผšDrag the picker or type a color value
  2. Convert formats๏ผšView HEX/RGB/HSL and copy with one click
  3. Check contrast๏ผšEnter text and background colors to verify accessibility

FAQ

Which color formats are supported?
HEX, RGB and HSL convert into each other; one click copies every format, plus palettes and shade scales.
Can it check text contrast?
Yes, built-in WCAG contrast ratio with AA/AAA pass indicators โ€” good for accessible design.
Does it support transparent colors?
Yes, alpha transparency is supported with #RRGGBBAA and rgba output.