Table of Contents
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
OKLCH
oklch(72.1% -0.033 -0.2)
Complementary
#da9c14
Analogous
#4824eb
#24c6eb
Triadic
#eb2463
#63eb24
How to Use the Color Picker
Click on the color area to pick a color, or enter a HEX, RGB, HSL, or OKLCH value directly. The tool displays the color visually and shows all color format conversions in real time. Copy any value with one click for use in your CSS or design files.
Features
ToolNova Color Picker includes:
- Visual color picker with eyedropper
- HEX, RGB, HSL, and OKLCH values
- Color history for quick access
- Color palette generation
- Accessibility contrast checking
- One-click copy for all formats
Why Use a Color Picker?
Designers and developers need consistent color values across projects. ToolNova Color Picker makes it easy to explore colors, convert between formats, and ensure accessibility with contrast ratio checks. It is an essential tool for anyone working with color.
Frequently Asked Questions
What color formats are supported?
HEX, RGB, HSL, and OKLCH color formats are all supported with real-time conversion.
Can I pick colors from my screen?
Yes. The eyedropper tool lets you pick colors from anywhere on your screen.
Does it check color contrast?
Yes. The tool includes an accessibility checker that calculates contrast ratios against WCAG guidelines.
Can I save my favorite colors?
Yes. The color history feature saves your recently picked colors for quick access.