CSS Color Picker

Pick any color and get CSS-ready output in every format — HEX, RGB, RGBA, HSL, HSLA and modern CSS syntax. Copy the exact value you need.

#155EEF

CSS Output Formats

What Is a CSS Color Picker?

A CSS color picker is designed for the CSS workflow — it produces values ready to paste into stylesheets, custom properties or inline styles. Unlike a generic color picker, it shows every CSS color syntax: HEX, RGB, RGBA, HSL, HSLA and modern space-separated formats.

CSS Color Syntaxes

  • color: #155EEF; — HEX, universally supported
  • color: rgb(21, 94, 239); — RGB function
  • color: rgba(21, 94, 239, 0.8); — with alpha
  • color: hsl(215, 84%, 51%); — HSL function
  • color: hsl(215 84% 51%); — modern space-separated
  • color: hsl(215 84% 51% / 0.8); — modern with alpha

Which Syntax Should I Use?

  • HEX: Brand colors, general use, simplest.
  • RGB/RGBA: Dynamic manipulation, opacity.
  • HSL/HSLA: Design systems, palettes, theming.
  • Modern space-separated: New projects.

Frequently Asked Questions