Color System & Color Picker

The color picker appears whenever you click a color swatch in the properties panel. It provides multiple input methods for precise color selection.

Color picker components:

• •2D hue/saturation gradient — Click and drag to select color
• •Value slider — Adjust brightness
• •Alpha slider — Adjust opacity (0-100%)
• •Hex input — Enter 6-digit hex codes (#RRGGBB)
• •RGB sliders — Individual red, green, blue channels (0-255)
• •HSL sliders — Hue (0-360°), Saturation (0-100%), Lightness (0-100%)
• •Eyedropper — Sample color from canvas or screen

Toggle between color modes using the tabs at the top of the picker:

Sample colors from the canvas or screen:

• 1.Click the eyedropper icon in the color picker
• 2.Cursor changes to a crosshair with color preview
• 3.Click anywhere on canvas to sample that pixel's color
• 4.Press Escape to cancel

Advanced: Hold Shift while using the eyedropper to sample from anywhere on your screen, not just the FlashFX canvas. This requires browser permission.

The color picker displays a row of recently used colors below the gradient area. Click any swatch to instantly apply that color. Recent colors persist across sessions and are project-specific.

Swatches are saved colors you can reuse throughout a project. Access via Window → Swatches.

• •Add swatch — Click the + button with a color selected
• •Apply swatch — Click a swatch to set the active fill/stroke color
• •Edit swatch — Double-click to open color picker
• •Delete swatch — Right-click → Delete
• •Rename swatch — Right-click → Rename (e.g., "Brand Blue")

Swatches are saved per-project. To share swatches across projects, export and import swatch palettes.

Toggle between local and global swatches using the dropdown at the top of the Swatches panel.

Share color palettes across projects or with team members:

• •Export palette — Swatches panel menu → Export → Save as .ase (Adobe Swatch Exchange) or .gpl (GIMP Palette)
• •Import palette — Swatches panel menu → Import → Select .ase or .gpl file

Supported formats:

• •.ase — Adobe Swatch Exchange (Photoshop, Illustrator compatible)
• •.gpl — GIMP Palette
• •.txt — Plain text hex list (one color per line)

FlashFX operates in the sRGB color space by default, which is standard for web and screen display.

Color accuracy:

• •Colors are rendered using the browser's color management system
• •Exported videos and images use sRGB color profile
• •For print work, convert exports to CMYK using external tools

Every color in FlashFX has an alpha channel controlling transparency:

• •0% alpha — Fully transparent (invisible)
• •50% alpha — Semi-transparent
• •100% alpha — Fully opaque

Note: Alpha affects color blending. A semi-transparent red over blue produces a purple result.

• •Create swatches for brand colors at the start of a project
• •Name swatches descriptively ("Primary Blue", "Accent Yellow")
• •Use HSL mode for quick lightness/saturation variations
• •Sample colors from imported logos using the eyedropper
• •Export swatch palettes when delivering projects to clients