itsaj1005 / pickit---color-picker-extension

🎨 A color picker extension that lets you easily capture the hues of your digital world! 🖌✨ View a shimmering history of picked colors and copy or clear them with a single click 🖼. Unleash your inner artist! 🚀🖌️ This extension is not deployed on chrome yet. You have to upload it if you want to use it.

PickIt 🌈 Color Picker Extension 🎨

PickIt.Sample.video.webm

Description

🎨 Welcome to PickIt, the immersive color picker extension that turns your browser into a canvas of endless possibilities! 🚀✨ Easily capture the vibrant hues of your digital world and unleash your inner artist🖼.. PickIt provides a seamless experience with a shimmering history of colors, allowing you to effortlessly copy🖌✨ or clear them with just a click. Let your creativity flow! 🖌️🌈

Note: 🚧 This extension is not deployed on Chrome, Bing, or Brave yet. You have to upload it if you want to use it.

Features

• Intuitive Color Picking: Utilize the EyeDropper API to pick colors from any part of your screen. 🎨
• Local Storage: Save and revisit your color choices with ease. 💾
• User-Friendly Interface: View your picked colors in a visually appealing and user-friendly interface. 🌟

Installation

For Google Chrome:

1. Open Google Chrome.
2. Navigate to chrome://extensions/.
3. Enable "Developer mode" (toggle switch usually located in the top right).
4. Click on "Load unpacked."
5. Select the cloned extension directory (your-extension).
6. 🌟 The extension should now be visible in the extensions list.

For Mozilla Firefox:

1. Open Mozilla Firefox.
2. Navigate to about:addons.
3. Click on the gear icon in the top right and select "Debug Add-ons."
4. Click on "Load Temporary Add-on."
5. Select any file in your extension's directory (e.g., manifest.json).
6. 🌟 The extension should now be loaded temporarily.

For Microsoft Bing:

1. Open Microsoft Edge (Chromium-based).
2. Navigate to edge://extensions/.
3. Enable "Developer mode" (toggle switch usually located in the bottom left).
4. Click on "Load unpacked."
5. Select the cloned extension directory (your-extension).
6. 🌟 The extension should now be visible in the extensions list.

For Brave Browser:

1. Open Brave.
2. Navigate to brave://extensions/.
3. Enable "Developer mode" (toggle switch usually located in the top right).
4. Click on "Load unpacked."
5. Select the cloned extension directory (your-extension).
6. 🌟 The extension should now be visible in the extensions list.

Usage

1. Click on the color picker button to activate the EyeDropper.
2. Pick a color from the screen.
3. Picked colors will be displayed in the extension popup. 🌈

Usage Tips 🚀

• 💡 Tip 1: Experiment with different color combinations for unique artistic expressions.
• 💡 Tip 2: Save your favorite color palettes for future use.

Screenshots 📸

Include screenshots or GIFs to showcase the extension's shimmering functionality.

Contributing 🤝

If you'd like to contribute to the project, please follow the general contributing guidelines. 🌐

Acknowledgments 🙌

A big thank you to the creators of the third-party libraries, tools, or resources used in this project. 🙏

🌵 Thank You && Star 🌟