UI Colors
uicolors.app/createGenerate custom Tailwind CSS color palettes and browse the framework's built-in color values.
Looking for something like Sorted CSS Colors? Here are 24 alternatives, ranked by how closely they match it on purpose, features and platforms. Of these, 3 are free or have a free plan and 2 are open source.
Browse CSS colors sorted by hue, saturation and lightness, with RGB, HSL and hex values.
| # | Alternative | Pricing | Open source | Platforms |
|---|---|---|---|---|
| 1 | UI Colors | — | Not stated | Web |
| 2 | Material UI | — | Not stated | Web |
| 3 | Leonardo | — | Yes | Web |
| 4 | SchemeColor | — | Not stated | Web |
| 5 | Color Picker | — | Not stated | Web |
| 6 | Alphredo | — | Not stated | Web |
| 7 | ColorKit's Color Picker | — | Not stated | Web |
| 8 | BrandColors | — | Not stated | Web |
| 9 | hue.tools | Free | Not stated | Web |
| 10 | PaletteMaker | Free | Not stated | Web |
Generate custom Tailwind CSS color palettes and browse the framework's built-in color values.
Browse Material Design color palettes and other collections, including Tailwind and Fluent colors.
Generate color values for design systems by setting a target contrast ratio.
Create, download and share color combinations, or browse palettes submitted by other users.
Upload an image or enter a URL to identify colors and view their HEX and RGB codes.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
Find HEX color codes and complementary colors with this online color picker.
BrandColors collects brand color codes and lets users download the collection in formats such as ASE, CSS, SCSS, and LESS.
hue.tools mixes and modifies colors, shows combinations, and links colors to design inspiration and stock imagery.
PaletteMaker creates color palettes and previews them in sample designs such as logos, interfaces, patterns, and posters.
Generate color palettes with AI and choose from styles such as smart color schemes.
Realtime Colors previews color palettes and fonts on a website layout.
Khroma learns a user’s color preferences and generates palettes for designers to discover and save.
Paletton helps designers create color schemes and combinations for visual projects.
Pick and convert colors using the OKLCH color model, with HEX, RGB and HSL conversion.
Generate color palettes with Pigment's color tool and adjust color combinations.
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Discover and analyze the colors in an image with Clariss, an image color palette scanner for examining picture colors.
Evaluate a brand color palette for ADA compliance with the Accessible Brand Colors tool.
Generate color palettes using colors described as less common among designers.
color × color creates accessible color systems for user interfaces using Okhsl or HSLuv color spaces.
Choose a color theme for the Lite XL text editor from this collection of Lua-based schemes.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Extract a color scheme from an image and browse the resulting color values.
Alternatives are suggested from the purpose and features described in our listings. Different pages for the same product appear once. Read each description to check whether it fits your task. How we choose alternatives · Suggest an alternative