Ad Space · 50px reserved
Toggle AD_CONFIG.enabled = true after Adsterra approval
Back to all tools
Color Studio Pro · Studio module

Studio Settings — Color Studio Preferences

Customize Color Studio: appearance (theme, accent, hex display), default generation (palette size, harmony rule, copy format), keyboard shortcuts, local storage management.

Studio Settings

Personalize Color Studio Pro to your workflow. All preferences are saved to your browser only.

Appearance

Toggle light or dark mode
Display the hex code on every color swatch
Minimize animations and transitions

Default Generation

Keyboard Shortcuts

Open command palette⌘ K
Shuffle palette (in Color Generator)Space
Back to landing page / close dialogEsc
Open site settings⌘ ,

Local Storage

Storage used~ 0 KB
Palettes0
Gradients0
Brand kits0
Projects0
History items0
Favorites0
Permanently delete all palettes, gradients, brand kits, projects & history.
Ad Space · 280px reserved
Toggle AD_CONFIG.enabled = true after Adsterra approval

How to use this tool

1. Enter your input. Use the form above — all processing happens in your browser, no data is sent to any server.

2. View the result. The output appears instantly below the input. Copy any value with one click.

3. Explore related tools. See the related tools section below for adjacent calculators and converters.

4. Bookmark this page. This tool runs entirely client-side, so it works offline once loaded. Add it to your bookmarks for quick access.

Smart Direct Link · 48px reserved
Paste your Adsterra Smart Direct Link href in src/lib/seo/ad-config.ts

Frequently Asked Questions

Everything you need to know about this currency pair

Four sections: (1) Appearance — theme (dark/light), show HEX on swatches, reduce motion. (2) Default Generation — palette size (3-10), default harmony rule, default copy format. (3) Keyboard Shortcuts — reference list. (4) Local Storage — usage stats and reset.

Ad Space · 280px reserved
Toggle AD_CONFIG.enabled = true after Adsterra approval
Browse all 60+ tools