Enhanced Color Picker

Colour picker

RGB
0, 0, 0
CMYK
0%, 0%, 0%, 100%
HSV
0°, 0%, 0%
HSL
0°, 0%, 0%
  • Alpha Slider:
    • Added an alpha (opacity) slider below the hue slider to adjust transparency (0 to 1).
    • Updates the color’s RGBA value in real-time.
  • Color History:
    • Stores up to 5 recent colors with their alpha values.
    • Displays clickable swatches for quick reuse.
  • Copy to Clipboard:
    • Buttons to copy HEX, RGB, CMYK, HSV, HSL, and RGBA values.
    • Shows a confirmation alert with the copied value.
  • Color Presets:
    • Dropdown with common colors (Red, Green, Blue, etc.) for quick selection.
    • Selecting a preset updates the color picker.
  • Dark Mode Toggle:
    • Switch between light and dark themes for better visibility in different lighting conditions.
    • Uses CSS custom properties for seamless theme switching.
Scroll to Top