All Color Tools
Every Omni Color utility in one place — free, browser-based, and no sign-up required. Pick a tool to get started.
Core tools
The essential utilities for picking, converting and mixing colors.
Color Picker
Pick any color visually with HEX, RGB, HSL, HWB, OKLCH and alpha controls. Copy in one click.
Color Converter
Convert HEX to RGB, HSL, HWB, OKLCH, Lab, LCH, CMYK and CSS instantly.
Color Mixer
Mix two colors in sRGB, HSL, OKLab, OKLCH, LAB or LCH and preview the result live.
Image Color Picker
Extract colors from any image — processed locally in your browser, never uploaded.
Palette & generation
Create palettes, gradients and shade systems automatically.
Palette Generator
Generate harmonious palettes with 21 modes and export to CSS, JSON or SVG.
Gradient Generator
Build linear, radial and conic CSS gradients with multiple stops and exports.
Shades Generator
Create a 50–950 shade scale from any base color for design systems and tokens.
Tints, Tones & Shades
Learn and generate tints, tones and shades — three distinct ways to modify a color.
Harmony Generator
Explore complementary, analogous, triadic, tetradic and split-complementary harmonies.
Random Color Generator
Generate random colors, palettes, gradients, pastels, neons and dark/light sets.
Accessibility
Make sure everyone can read and use your interface.
Contrast Checker
Check WCAG AA and AAA contrast ratios with plain-language feedback and alternative suggestions.
Color Blindness Simulator
Preview colors and palettes under seven types of color vision deficiency.
Accessible Palettes
Curated palette sets that pass WCAG AA at every step.
WCAG Contrast Guide
Understand the WCAG 2.2 contrast requirements with practical examples.
Developer tools
Ship design systems faster with CSS, JSON, SVG and Tailwind output.
Developer Toolkit
Unified interface for every converter, scale and export format.
CSS Color Tools
Generate CSS variables, theme blocks, borders, shadows and text colors.
CSS Variable Generator
Generate --color tokens with previews and theme blocks.
Tailwind Helper
Arbitrary classes and ready-to-paste config extensions.
Color Token Generator
W3C design token JSON output for any palette or scale.
JSON Color Generator
Palettes and tokens as clean structured JSON.
SVG Color Generator
Export palettes, scales and gradients as inline SVG.
All Developer Resources
Complete hub with every code-oriented color tool.
Learn & reference
Guides, theory, psychology and a color encyclopedia.
Color Theory Hub
Color wheel, harmonies, primary, secondary and tertiary colors explained.
Color Psychology
How colors are commonly perceived across design contexts.
Color Encyclopedia
Definitions for RGB, HEX, HSL, OKLCH, color spaces and gamuts.
Guides
Practical guides for choosing colors and building design systems.