The 63 best Color & Gradient tools

Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends. And it is served in the form of eggs. ✓ With hex and CSS codes.

Explore accessible color pairs and check their contrast against WCAG.

Mac app that simulates color blindness over any window in real time.

Generates shades and tints from any color.

180 color palettes drawn from art and design across 4,000 years of history.

Get HTML color codes, Hex color codes, RGB, HSL and OKLCH values with our color pickers, color wheel, color chart and HTML color names. Let's go!

Free color blindness simulator for Windows, Mac and Linux.

Curated collection of color gradients, updated daily.

Color tools for building palettes, gradients, shades and harmonies.

Generates accessible color palettes from target contrast ratios.

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

Builds a full Material Design color palette from any hex color.

Discover curated color palettes for branding, UI design, websites, and creative projects. Copy hex codes instantly on Colorsinspo.

Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.

Build and preview custom color palettes with Radix-style scales, contrast checks and adjustable radii.

Finds the primary colors for any word using image search results.

Shows how a color contrast pair reads for people with different types of vision.

Easily make tints and shades that match the output of Chrome DevTools, Sass, Less, and PostCSS.

Build custom gradients in the browser and copy the CSS out.

Open-source macOS colour picker that pulls palettes from anything on screen.

Generate gradients and gradient animations, then export them.

Native gradient studio for Mac with 120 presets for still and animated backgrounds.

A better Color Picker for your Mac.

ColorsWall - place to store your color palettes. Brand color codes. Generate Random colors palette. Design colors combinations. Tool to choose colors for Your website.

Explore 500+ crafted and curated color palettes that can be used for various designs and applications.

The super-fast color-scheme generator loved by millions.

Visualize your color palette on a real website in real time.

Beautiful, ready-to-use gradients you can copy as CSS.

Create beautiful, moving 3D gradients for your designs.

A color palette inspiration site that shows palettes in context.

The AI color tool that learns which colors you like.

The best animated grainy gradients on the internet.

A free, open platform for color palette inspiration.

Create color schemes and explore trends from the community.

Generate nice color palettes and gradients in one click.

A curated collection of beautiful Tailwind CSS gradients.

A free tool to create and customize CSS gradients.

Generate beautiful, customizable mesh gradients.

The classic color-scheme designer based on color theory.

An AI color-scheme generator that learns from photos and art.

Generate and export Tailwind CSS color palettes.

A hand-picked gradient collection for your next project.

A free collection of 180 linear gradients as CSS.

A simple way to make and grab beautiful gradients.

Use machine learning to generate color schemes for brands.

A Tailwind CSS color shade generator and API.

A gorgeous, accessible color system for design systems.

An eyedropper, color picker and gradient generator.