AI Research Lab
RGBA curated rgb palette designed for AI research dashboards, model monitoring, and technical presentations.
Free color tools — no signup required
Color Pick
Your playground for picking perfect palettes.
Explore curated color combinations, create your own palettes, test accessibility, and export the perfect colors for your next design project.
100% freeNo signupBrowser-basedUnlimited creativity
Start here
Six essential color tools.
Begin with the most useful workflows. Every advanced tool is still available below without turning the homepage into a crowded catalog.
Color Picker
Pick visually or fine-tune HEX, RGB, CMYK, HSL, and OKLCH values.
Open tool
Color Converter
Convert CPS, HEX, RGB, CMYK, OKLCH, and modern CSS colors with live previews.
Open tool
Contrast Checker
Check text and interface combinations with clear WCAG pass or fail guidance.
Open tool
Curated Palettes
Explore 450 ready-made combinations across nine practical categories.
Open tool
Image Color Picker
Extract useful colors from an image while keeping the entire process in your browser.
Open tool
CPS Spot Color Lab
Explore 1,386 independent CPS references and find the nearest color with CIEDE2000.
Open tool
More color tools
Everything else, one click away.
Original Color BenchmarksOpen research, raw datasets, and local reproducible runnersDesign System DoctorGenerate, audit, repair, and export color tokensModern CSS Color Labcolor-mix, relative colors, P3, fallbacks, and CSS refactoringGradient GeneratorLinear, radial, and conic gradientsTailwind GeneratorEditable 50–950 color scalesCMYK & Print LabPrint planning and ink coveragePalette ReadinessEvidence-based palette auditingUI Color SystemSemantic roles and interface previewsColor Vision SimulatorReview common vision simulationsSmart Palette FixRepair contrast and role conflictsLocal ProjectsBrowser-only folders and backupsDaily ChallengesPractice matching and accessibility
Connected palette workflow
One 3–8 color palette, synchronized across Color Pick.
Copy a curated palette, extract colors from an image, build gradient stops, or generate a Tailwind scale. Color Pick keeps the active palette synchronized locally so the Playground, role mapping, readiness audit, print planning, CPS workflows, and Design System Doctor stay aligned.
Current palette · 6 colors
Palettes→Playground→Contrast→Roles→Doctor
Stored locally in this browser · synchronized across tabsNew original research
Which color-scale method stays most even?
Tailwind Scale Accessibility Benchmark v1.0 compares HSL, sRGB, linear-sRGB, and OKLCH across 100 frozen seeds, 400 scales, and 4,400 primary shade outputs—with raw data, unfavorable samples, checksums, source code, and a local runner.
Result applies to protocol v1.0 and its frozen corpus. No universal winner or accessibility certification is claimed.HSL interpolation0.448
sRGB interpolation0.400
Linear-sRGB interpolation0.751
OKLCH interpolation0.362
Advanced design-system workspace
Turn one brand color into a traceable design system.
Generate primitive, semantic, and component tokens; resolve light, dark, and high-contrast themes; audit component states; compare repair plans; review migrations; and export a complete implementation pack.
primitive.brand.600semantic.action.primarybutton.primary.background
Modern CSS color engineering
Compile modern color relationships without abandoning reliable fallbacks.
Compare color-mix() spaces, build relative-color recipes, generate light-dark() themes, inspect Display P3 gamut, test browser capabilities, refactor legacy stylesheets, and export progressive-enhancement code.
color-mix(in oklch, …)oklch(from var(--brand) …)light-dark(…, …)color(display-p3 …)Curated combinations
Three palettes to spark an idea.
Copy a color, open a complete palette in the Playground, or browse the full curated library.
A simple workflow
From inspiration to export.
One connected path keeps experimentation, validation, and production output easy to understand.
- 1Create
Start with a color or curated palette.
- 2Map
Assign colors to meaningful interface roles.
- 3Test
Check contrast, vision, UI, and print behavior.
- 4Fix
Apply perceptual improvements without losing character.
- 5Export
Download a reusable design-system package.
Built for real projects
Digital color, print guidance, and accessible choices in one place.
Use RGB, HEX, HSL, and OKLCH for digital interfaces, explore CMYK approximations for print planning, build gradients, and check whether text remains readable against a chosen background. Color Pick keeps these tasks connected so you can move from experimentation to production without switching between separate tools.
Transparent by design
Understand the tools before you trust the result.
Color Pick documents how scores, CPS matching, local processing, advertising, and print approximations work so you can make informed decisions.