Color Picker

Select colors, view color codes in different formats, and generate color palettes.

Pick a Color

#3b82f6

Color Palette

Color Information

Preview

Text on this color background

This color as text

This color as border

Accessibility

White text on this color:
A
Black text on this color:
A
This color on white:
A
This color on black:
A

Color Values

HEX:#3B82F6
RGB:rgb(59, 130, 246)
HSL:hsl(217, 91%, 60%)

Color Picker Tips

How to Use

  • Click on the color box to open the color picker
  • Use the palette generator to create matching color schemes
  • Click on any color in the palette to select it
  • Copy color codes by clicking the clipboard icon
  • Save your favorite palettes for future use

Color Harmony Types

  • Monochromatic: Different shades of the same color
  • Analogous: Colors that are next to each other on the color wheel
  • Complementary: Colors that are opposite each other on the color wheel
  • Triadic: Three colors equally spaced on the color wheel
  • Tetradic: Four colors forming a rectangle on the color wheel
  • Custom: Create your own color palette