MG's Advanced Color Palette Tool :3

How Do I Use This Tool? 0.0

Enjoy using my Advanced Color Palette Tool, I hope it is of use to you :333

Here's a quick guide so you'll know how to utilise it well:

• Color Picker:
  You can use the main color input to select a base color, toggle "Use Alpha" with the slider if you want transparency in your colors.
  You can also type and enter in HEX codes directly into the text field, easy -w-
• Image Color Extraction:
  You can upload an image to extract its colors, Use the eyedropper icon to pick colors directly from the image preview if your browser natively doesn't have that neat feature.
  Pan by clicking/dragging, and use the slider to zoom. Click "Extract Palette" to automatically generate a palette from your image below in a palette.
• Variations: Click "Generate Variations" to see tints, shades, and tones of your currently selected color and press on a variation to open the copy menu.
• Palette Management:
  • Tap the "+" button in a palette to add the current color.
  • Hold and drag a swatch or palette handle (⠿) to reorder them. (Note that its not perfect, I still need to make the logic work right ^-^")
  • Tap a swatch to show its delete button "×" and copy options. Tap again or elsewhere to hide them.
  • Tap a palette's title to rename it.
• Copy Colors: Tap any swatch color's HEX code label or a variation swatch to open the copy popup and copy the value in HEX, RGB, or HSL format.
• Import/Export: Save your work by clicking "Export Palettes". Use "Import Palettes" to load them back in. it just works :D