In UI design, color is almost the first design element that is perceived. Good color perception is the basis for being an excellent designer.
Color matching tools emerge in endlessly. I have selected the 20 best color tools for you. I believe it will definitely help you!
1. Adobe Color
Adobe Color is a color tool that can create color schemes based on different color rules such as similar, complementary, and three primary colors by dragging the color wheel or entering custom color values. In addition, it also supports color matching adjustments of CMYK, RGB, HSV multiple color modes.
2. Art Palette
Art Palette based on Google AI’s smart color matching tool, it will provide artistic pictures that match the color theme according to the color scheme you search.
3. BrandColors
BrandColors is the largest collection of official brand colors. Contains hexadecimal color codes for more than 500 brands, including Facebook, Twitter, Instagram, etc.
4. Cool Backgrounds
Cool Background was created by product designer Moe Amay. It is a color image toolset organized by 5 open source generators. It has 5 different background styles built-in, and each style also provides a simple parameter configuration. Very cool and beautiful, you can add it to your blog, website or desktop and mobile wallpaper.
5. Colorable
Colorable is a very useful tool for evaluating the accessibility of color matching.
6. ColorSpace
Color Space is a very practical gradient generator. We only need to select a color to quickly generate 20-30 different styles of color schemes. At the same time, it also provides gradient and three-color gradient options, which can quickly generate color matching and view CSS code.
7. ColorBox
ColorBox is a color tool used to generate color sets. It can help us easily create a very cool color set. The color matching page also has a large number of personalized options to meet any of your needs.
8. Eggradients
Eggradients is a color tool matching website that contains the latest design trend gradient colors, displayed in the form of eggs. Support one-click copying of hexadecimal and CSS codes.
9. Eva Design System
Eva Design System is a color tool matching website based on deep learning algorithms. It is suitable for generating a systematic color scheme for your products or brands.
10. Gradient Buttons
Cool gradient buttons hover animation effects and one-click Copy CSS code.
11. Grabient
Grabient is a very beautiful and practical gradient website, which supports CSS style code copy, 360-degree gradient rotation, freely add or delete gradient colors and other functions.
12. History’s Palettes
With Color Leap, only a one-click generation of retro color schemes, you can search for the most representative 180 color schemes in the past 4000 years.
13. LOL Colors
LOL Colors is a lovely color tool matching website. The colors are mostly bright and fresh. You can directly drag the mouse to display the color value, which is convenient for collecting color cards.
14. Muzli Colors
Muzli Colors is a color tool palette generator. You can add color codes or names to view related color schemes, preview UI kit demos, or select initial colors, quickly generate and edit multiple color schemes, and choose according to your own color.
15. Mesh Gradient Collection
Mesh Gradient Collection contains more than 100 free collections of gradient colors and supports downloading in various formats such as Sketch, PNG, AI, JPG, and EPS.
16. Picular
Picular is a color tool generator based on Google image search. You only need to enter a descriptive word to quickly generate a color scheme.
17. Palettte App
Palettte App is a color tool editing and remapping tool that can visually see the smoothness of transitions between different colors, match more harmonious colors and also supports individual color fine-tuning.
18. Pigment
Pigment is established by ShapeFactory can generate your unique color scheme through saturation, color temperature and color system, and you can also view color matching scene pictures of different colors.
19. Paletton
Paletton is an online color circle color matching tool. You can choose a single color, similar color, contrast color, and other rules to check the color matching according to your needs, and you can also check the matching effect on the web page in real-time.
20. WebGradients
WebGradients is a free gradient color tool matching website curated by top designers. It has 180 beautiful linear gradients and supports multiple formats such as CSS3, Photoshop, and Sketch.
