Color Picker

Pick any color and instantly get HEX, RGB, and HSL values. Check contrast ratios against white and black text. All processing happens client-side.

0uses
0/10(0)
Pick a Color
Preview
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)

Contrast Ratio Checker

White Text
Sample body text
3.68:1AA Large
Black Text
Sample body text
5.71:1AA

Color History

Pick a color to start building your history...

How to Use the Color Picker

  1. Click the large color picker area to select any color visually.
  2. View the HEX, RGB, and HSL values updated in real time.
  3. Click Copy next to any format to copy it to your clipboard.
  4. Check the contrast ratio section to see how your color performs with white and black text for accessibility.

Features

  • Large visual color picker with native browser support
  • Simultaneous HEX, RGB, and HSL output
  • One-click copy for any color format
  • Color history tracking (last 10 picks)
  • WCAG contrast ratio checker against white and black text
  • 100% client-side processing -- no data sent to any server

Disclaimer:This tool is provided “as is” for informational and educational purposes only. Results may not be 100% accurate. ToolBird makes no warranties, express or implied, regarding the accuracy, reliability, or completeness of any output generated by this tool. This tool does not constitute professional, legal, financial, medical, or tax advice. Always consult a qualified professional for important decisions. By using this tool, you agree that ToolBird and its operators shall not be held liable for any damages, losses, or consequences arising from the use of this tool or reliance on its results. All processing occurs in your browser — we do not store, transmit, or access your data. Use at your own risk.