Matizly
Color tools
For designers who explore, and developers who ship code.
Hex, RGB, HSL, HSV, OKLCH and CMYK — no manual conversion.
Real-time results without reloading the page.
WCAG contrast checked by default.
Export straight to CSS, Tailwind or Figma.
Tools to design with color
Pick a flow, try it in the browser, and take the code with you. No accounts, no installs.
Palette generator
Build harmonious combinations, lock tones, and export to CSS or Tailwind in one click.
Color picker
Hex, RGB, HSL and OKLCH with instant conversion.
Color wheel
Complementary, analogous, triads and more from a base color.
WCAG contrast
Check AA/AAA and adjust text or background until it passes.
Color mixer
Blend two tones in any ratio and copy the CSS gradient.
Image colors
Upload a photo and extract the dominant palette — nothing leaves your browser.
More useful resources
Color names
Search and copy official CSS names with Hex, RGB, HSL and OKLCH.
CSS gradients
Create linear, radial or conic gradients and export ready-to-use code.
Tailwind colors
Browse the full Tailwind scale and preview themes on real UI.
Color blindness
Simulate protanopia, deuteranopia and tritanopia on your palette.
Ready palettes
Explore curated combinations and filter by hue, style or theme.
My palettes
Save favorites on this device and come back to them anytime.
About Matiz
Color tools for web design and development
Matiz brings together the color tools designers and developers need every day: a color picker for exact tones, a color wheel for harmonies, a mixer to blend colors, and an extractor for dominant image palettes.
Every tool converts automatically between Hex, RGB, HSL, HSV, OKLCH and CMYK, and lets you export to Tailwind CSS variables, Figma color objects, or plain code. The contrast checker and color blindness simulator complete the flow by checking that your color pairs meet WCAG accessibility standards.
All processing — including image analysis — happens in your browser, with no account and no uploads to a server.
Frequently asked questions
No. Every Matiz tool runs in your browser with no signup required.
Hex, RGB, HSL, HSV, OKLCH and CMYK — enter any format and convert to the one you need.
No. Processing stays in your browser — we don’t send or store your data.
Yes. From the color wheel and picker you can export Tailwind CSS variables, Figma objects, or copy codes.
Yes. The contrast checker computes the WCAG ratio and shows AA and AAA results.