Quick Start Guide

This guide will walk you through the basics of using ColorClip Pro in just a few minutes.

Step 1: Create Your First Palette

When you first launch ColorClip Pro, you'll see an empty palette grid. Each palette can hold up to 256 color swatches.

┌─────────────────────────────────┐
│ My First Palette                │
├─────────────────────────────────┤
│ □ □ □ □ □ □ □ □ □ □            │
│ □ □ □ □ □ □ □ □ □ □            │
│ (empty swatches)                │
└─────────────────────────────────┘
  

Step 2: Add a Color

There are three ways to add a color to your palette:

Method 1: Color Picker

1. Click an empty swatch slot
2. Use the color wheel or sliders to select a color
3. Adjust the alpha channel if needed
4. The color is automatically saved to that slot

Method 2: Eyedropper

1. Click the eyedropper button or press Cmd+E (Mac) / Ctrl+E (Windows)
2. Your screen will dim and show a magnified preview
3. Click anywhere on your screen to capture that color
4. The color is added to the first empty swatch slot

Method 3: Paste HEX Code

1. Copy a HEX color code (e.g., #FF5733)
2. Click an empty swatch
3. Paste the code directly into the color input

Step 3: Organize Your Colors

Label Swatches

Right-click on any swatch and select "Edit Label" to give it a meaningful name like "Brand Primary" or "Accent Blue".

Rearrange Swatches

Drag and drop swatches to reorder them. Your layout is preserved automatically.

Delete Swatches

Right-click a swatch and select "Delete" or press Delete when a swatch is selected.

Step 4: Copy Colors

Click on any swatch to copy its color value. The format depends on your settings:

• HEX - #FF5733
• RGB - rgb(255, 87, 51)
• HSV - hsv(11, 80%, 100%)
• Normalized RGB - 1.0, 0.34, 0.2

Change the copy format in Settings → Copy Format.

Step 5: Enable Cloud Sync (Optional)

To sync your palettes across devices:

1. Click the cloud icon in the top-right corner
2. Sign in with Google, GitHub, or Discord
3. Your palettes will sync automatically
4. Install ColorClip Pro on other devices and sign in with the same account

Tip: Cloud sync works in real-time. Changes you make on one device appear instantly on all your other devices!

Common Workflows

Building a Brand Color Palette

1. Create a new palette named "Brand Colors"
2. Add your primary brand color
3. Add secondary, accent, and neutral colors
4. Label each swatch (e.g., "Primary", "Accent", "Text")
5. Use the eyedropper to match colors from your logo or website

Extracting Colors from a Design

1. Open your design file in any application
2. Press Cmd+E / Ctrl+E to activate the eyedropper
3. Click colors in your design to capture them
4. ColorClip Pro runs in the background while you work
5. All captured colors are saved to your active palette

Keyboard Shortcuts

Next Steps

• Explore advanced palette features
• Learn about cloud sync
• Check out color workflow guides