🎯 Color Picker
Click anywhere on the color wheel to select a color. The selected color will be displayed in the preview box and converted to HEX, RGB, HSL, and CMYK formats.
📷 Screen Color Picking
Click "Pick from Screen" to use the eyedropper tool. This allows you to pick colors from anywhere on your screen.
🎭 Color Harmonies
Generate color schemes based on color theory:
- Complementary: Opposite colors on the wheel
- Analogous: Adjacent colors
- Triadic: Three evenly spaced colors
- Tetradic: Four colors forming a rectangle
- Split Complementary: Base color + two adjacent to its complement
- Monochromatic: Variations of one color
🎨 Palette Generator
Click "Generate Palette" to create a random color palette. Export your palette as CSS or SASS variables.
✓ Contrast Checker
Select foreground and background colors to check WCAG compliance. The tool shows the contrast ratio and whether it meets AA or AAA standards.
🌈 Gradient Generator
Choose start and end colors to generate a CSS gradient. Copy the CSS code to use in your projects.
👁️ Color Blindness Simulator
See how your color appears to people with different types of color blindness: Protanopia (red-blind), Deuteranopia (green-blind), and Tritanopia (blue-blind).
🖼️ Image Color Extraction
Upload an image to extract the dominant colors. Click on any extracted color to select it.
🎨 Tint & Shade Generator
View tints (lighter) and shades (darker) of the current color in a gradient from white to black.
🌡️ Color Temperature
See whether your color is warm (red/orange/yellow) or cool (blue/green/purple) on a temperature scale.
⭐ Favorite Colors
Save colors to your favorites for quick access. Favorites are stored in your browser's localStorage.
🎲 Random Color
Click "Random Color" to generate a random color for inspiration.