×
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%)), 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
Color Wheel Tab
- Click and drag on the wheel to select hue and saturation
- 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 for text legibility.
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