What is Adobe Color?
Adobe Color is a free tool offered by Adobe to assist designers in finding and matching colors. Managing colors in a web project or any type of design can be complex. Beyond inspiration, colors need to complement each other to be used together effectively.
This comprehensive tool allows designers to discover colors while adhering to the rules of chromatic harmony. In other words, Adobe Color enables you to create a color palette with balanced and harmonious shades.
Features for Creating a Color Palette
Adobe Color offers several features for matching colors with each other. Here is an example of the different color variations you can obtain when starting from the same primary color.
Primary color used: #E6704C
Similar Colors
Monochromes
Triads
Complementary Colors
Shared Complementary Colors
Double Shared Complementary Colors
Square Colors
Composite Colors
Shaded Colors
Accessibility Tool
Adobe Color provides a tool to simulate and evaluate the web accessibility level of your colors.
Contrast Testing
First of all, Adobe Color allows you to test the various contrasts of your color palette, to check for example the readability of your texts. You can simulate text and background colors to evaluate compliance with WCAG 2.1 levels: A / AA / AAA. The WCAG standard defines the minimum contrast levels for text to be considered readable.
Colorblind Adaptability
The colorblind adaptability tool in Adobe Color alerts you to colors that conflict and may pose issues. In this example, colors B and E are in conflict because they will be perceived the same way. You can easily adjust these colors so that they can be distinguishable by individuals with color blindness.
This simulator converts your colors according to 3 levels of color blindness:
- Deuteranopia
- Protanopia
- Tritanopia
