×
How to Use This Tool
Color Input Methods
Input Tab: Enter any color in HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(14, 100%, 60%)), HSV, CMYK, or color name (red, blue, etc.) and click "Convert".
Color Picker Tab
- R - Red component (0-255)
- G - Green component (0-255)
- B - Blue component (0-255)
- A - Alpha/transparency (0-1): 0 is completely transparent, 1 is fully opaque
- Native Picker - Use your browser's built-in color picker
Color Wheel Tab
- Click and drag on the wheel to select hue and saturation
- Works with touch devices for mobile use
- V - Value/Brightness (0-100%): Controls how bright or dark the color is
Color Management
- Add to Palette - Adds current color to your working palette
- Save Color - Adds color to history for quick access
- Color Schemes - Generate harmonious color combinations
- Save Palette - Save named color collections
- Export CSS - Get CSS variables for your palette
Accessibility
The contrast ratio section helps ensure your colors meet WCAG accessibility guidelines:
- AA Normal: Minimum 4.5:1 for normal text
- AA Large: Minimum 3:1 for large text (18pt+ or 14pt bold)
- AAA Normal: Minimum 7:1 for enhanced contrast
- AAA Large: Minimum 4.5:1 for large text enhanced
Tips
- Click on any color in the palette, history, or schemes to select it
- Right-click on palette colors to remove them
- Use "Copy" buttons to copy any format to clipboard
- Try the Eyedropper tool (if supported) to pick colors from your screen
- Use the Random Color button for inspiration
