ColorUI
The ultimate color toolkit for designers, decorators, artists, and creators. 40+ free tools, no sign-up, fast on every device.
Free color palette generator and 40+ tools for designers, decorators, and creators. Pick colors, extract from images, check contrast, simulate colorblindness, and export to any format—all in browser.
About this launch
ColorUI is a comprehensive color toolkit built by design-system engineers for designers, decorators, artists, and creators. It offers 40+ free tools accessible with no sign-ups or paywalls, all running instantly in the browser.
The platform combines color generation, picking, and conversion in one workspace. Users can generate beautiful palettes, extract colors from photos, check WCAG and APCA contrast compliance, simulate color vision deficiencies, create gradients, and export tokens in multiple formats including CSS, Tailwind, SCSS, and W3C Design Token JSON.
ColorUI uses perceptually uniform color math (OKLCH and LAB) rather than legacy sRGB, ensuring cleaner palettes and smoother gradients. It supports modern color standards including Display P3 wide-gamut colors and CSS Color Level 4 syntax. Accessibility features are integrated throughout, with contrast ratios displayed inline and one-click colorblindness simulations.
What it does
- Palette Generator
- Color Picker with HEX, RGB, HSL, OKLCH, LAB outputs
- Image Color Extractor
- WCAG and APCA Contrast Checker
- Color Blindness Simulator
- CSS Gradient Generator
- Design Token Export W3C DTCG
- Color Wheel Harmonies
- Tailwind Color Palette
- Material You Colors
Pricing
Pricing model: Free
Shopper questions
What color formats does ColorUI support?
ColorUI supports 10 color formats including HEX, RGB, HSL, OKLCH, and LAB. It can export to CSS custom properties, Tailwind theme configs, SCSS maps, W3C Design Token JSON, Android XML resources, and iOS Swift color initializers.
Do I need to sign up or pay to use ColorUI?
No. ColorUI is completely free with no sign-ups, paywalls, or dark patterns. All tools load fast, run entirely in your browser, and are accessible daily without any account creation or credit card prompt.
Why does ColorUI use OKLCH and LAB color spaces?
OKLCH and LAB are perceptually uniform color spaces where a 10-point lightness change looks like a 10-point lightness change regardless of hue. Unlike legacy sRGB or HSL (designed for CRT monitor limitations), these spaces align with how human eyes actually perceive color, resulting in cleaner palettes, smoother gradients, and balanced token scales.
What accessibility features does ColorUI include?
Accessibility is built into every tool. WCAG 2.1 and APCA contrast checks sit next to every swatch, color vision deficiency simulations run in one click, and auto-fixers suggest the smallest perceptual shift to bring failing color pairs into compliance. The platform supports accessibility at specific font weights and sizes, not just raw luminance ratios.
Does ColorUI support modern wide-gamut color standards?
Yes. ColorUI supports Display P3 wide-gamut colors, gamut-aware fallbacks, and CSS Color Level 4 syntax. This allows you to start shipping wide-gamut tokens today without breaking older browsers, and keeps pace with HDR and spatial interfaces as the industry evolves.
ColorUI has a free listing. The owner can unlock the full profile with a paid launch for $5:
- Founder story (locked)
- Milestones (locked)
- Demo video (locked)
- Dofollow website link (locked)
