toolkit

Color Tools

Runs in browser

Pick colors, build palettes, and ensure accessible contrast

Color Preview

Shades & Tints

Lighter and darker variations

How to Use

Select a color to convert formats and generate shades.

You will see:

  • HEX, RGB, HSL values
  • 8 Shades & Tints
  • One-click Copy

About Color Picker

The color picker helps you select and конверt colors between formats. Essential for web development, this tool lets you work with HEX, RGB, HSL, and other color spaces.

Color Formats

HEX:
#3B82F6 — most common for CSS
RGB:
rgb(59, 130, 246) — red, green, blue
HSL:
hsl(217, 91%, 60%) — easier to manipulate
HSV:
Used in color pickers and design tools

💡 Pro Tips

  • Use HSL for programmatic color manipulation
  • Use browser DevTools eyedropper to pick colors from any page
  • Consider color blindness when choosing palettes
  • CSS supports all major color formats

Further Reading