The complete color toolkit
Every color tool you need,in one place.
Convert between HEX, RGB, HSL, CMYK and OKLCH, build palettes and gradients, check WCAG contrast, and explore thousands of named colors — free, no signup, right in your browser.
- 11
- free tools
- 5,300+
- named colors
- 6
- color formats
- $0
- forever
Palette showcase
Trending color palettes
Hand-picked color combinations with HEX codes — open any in the palette generator to make it your own.
Harbor Mist
Calm · CoolTerracotta Sun
Warm · EarthyForest Floor
Organic · NaturalGrape Soda
Creative · BoldSlate & Citrus
Balanced · ModernRose Quartz
Playful · SoftDeep Sea
Fresh · CoolGolden Hour
Warm · CozyMidnight Indigo
Professional · StrongSage Studio
Calm · OrganicPlum Olive
Unexpected · TrendyMono Ink
Minimal · NeutralCreate your own palette
Generate harmonious color palettes instantly with interactive tools. Refine with real-time feedback and export to your stack.
- Live harmony previews & feedback
- Copy CSS, HEX, RGB & Tailwind
- WCAG contrast-checked pairings
Real-time palette preview
Tools & utilities
A complete color toolkit
11 focused tools that cover the whole workflow — pick, convert, generate, check and export. All free, all in the browser.
Color Picker
Pick any color visually and copy accurate HEX, RGB, HSL and CMYK codes — no signup.
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK and OKLCH instantly — and copy ready-to-paste CSS, SCSS or Tailwind.
Palette Generator
Generate harmonious color palettes from any base color — complementary, analogous, triadic and more, with instant CSS export.
Random Color Generator
Generate random HEX and RGB colors instantly — single colors or full random sets for inspiration.
Shade & Tint Generator
Generate 10–12 step tints and shades from any color — perfect 50–950 UI ramps with CSS and Tailwind export.
Complementary Color Finder
Find the perfect complementary (180° opposite) color for any shade, with HEX/RGB/HSL and contrast info.
Contrast Checker
Test color contrast against WCAG 2.1 AA/AAA — live pass/fail, font-size rules, and a real component preview.
Gradient Generator
Create linear, radial and conic CSS gradients with live preview and one-click CSS, Tailwind or SVG export.
Brand Color Kit
Build a complete brand color system with semantic roles and 50–950 ramps — export CSS variables, Tailwind theme and design tokens.
Image Color Extractor
Upload any image and extract its dominant colors as HEX, RGB and HSL — palettes from photos and artwork in seconds.
Color Preview
Enter any color and preview it instantly — compare colors side by side and copy HEX, RGB and HSL.
Why Vorinda
Precise color decisions, made simple
Accurate, accessible color tools that fit the way designers and developers actually work.
Accessibility, built in
Every pairing is checked against WCAG 2.1 AA/AAA, with readable-text guidance on each color — accessibility isn’t an afterthought.
Modern color spaces
HEX, RGB, HSL, HSV, CMYK and perceptual OKLCH — convert between them all at once and build evenly-spaced ramps.
Free, forever
No signup, no limits, no watermarks.
Instant & private
Runs in your browser — images and colors never leave your device.
One-click exports
Copy CSS variables, SCSS, Tailwind and design tokens.
Thousands of named colors
How it works
From a single color to a finished system
A simple flow that takes you from inspiration to production-ready color.
- 01
Pick or paste a color
Start from the picker, paste a HEX/RGB/HSL value, or sample any pixel with the eyedropper.
- 02
Convert & generate
Get every format at once, or build palettes, gradients and 50–950 UI ramps from your base color.
- 03
Check accessibility
Validate text and background pairs against WCAG AA and AAA before you commit.
- 04
Export & ship
Copy CSS variables, SCSS, Tailwind classes or design tokens straight into your codebase.
Color spectrum
A library of named colors
Every color has its hex code, RGB / HSL / HSV / CMYK values, shades, tints, complementary colors and contrast info — or look up any hex you like.
FAQ
Frequently asked questions
Everything you need to know about the tools.