Color Picker
Interactive studio color picker with WCAG 2.1 contrast ratio checker, shade/tint scale generator, and CSS variables.
Input Buffer
ENCODING: UTF-8AUTO-RUN: ENABLED
Output Buffer
Live Visual Surface Preview
Tap swatch to pick color interactively
OUT: 1 LN · 0 B⌘↵ RUN · ⌘⇧C COPY
How to Use Color Picker
- Pick a color visually or enter a HEX/RGB/HSL value.
- Inspect WCAG AA/AAA contrast ratios against light and dark backgrounds and copy Tailwind-style 50–950 shades.
Keyboard Shortcuts & Sandbox Guarantee
Run / Process tool outputCtrl + Enter
Copy primary output to clipboardCtrl + Shift + C
Open global command paletteCtrl + K
More in Developer Utilities
UUID v4 Generator
Generate cryptographically random RFC 4122 UUID v4 identifiers in bulk with formatting options.
ULID Generator
Generate Universally Unique Lexicographically Sortable Identifiers (ULID) with 48-bit timestamp and 80-bit randomness.
Random String Generator
Generate cryptographically random alphanumeric strings, API keys, nonces, and hex tokens.
Password Generator
Generate high-entropy passwords and passphrases using browser CSPRNG with real-time entropy bit calculation.
QR Code Generator
Create customizable high-resolution QR codes for URLs, Wi-Fi credentials, vCards, or text with PNG/SVG export.
Regex Tester
Test Regular Expressions in real time with match highlighting, capture group extraction, and flag controls.