What is Adobe Color?
Adobe Color is a free tool, offered by Adobe, to help designers find and match 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 with each other.
This very complete tool allows designers to find colors while respecting the rules of chromatic harmony. In other words, Adobe Color allows you to create a color palette with balanced and harmonious shades.
Features to create a color palette
Adobe Color offers several features to match colors between them. 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
Monochrome
Triads
Supplementary
Shared supplements
Double shared supplements
Square
Composites
Shaded
Accessibility tool
Adobe Color offers you a tool to simulate and evaluate the web accessibility level of your colors.
Contrast test
Adobe Color allows you to test the different contrasts of your color palette, to check for example the readability of your texts. You will be able to simulate text and background colors to evaluate the WCAG 2.1 levels: A / AA / AAA. The WCAG standard defines the minimum contrast levels for a text to be considered readable.
Colorblind adaptability
Adobe Color's Colorblind Adaptability Toolalerts you to colors that are in conflict and can cause problems. In this example, colors B and E are in conflict, as they will be perceived the same way. So you can easily readjust these colors so that they can be dissociated by colorblind people.
This simulator converts your colors according to 3 levels of color blindness:
- Deuteranopia
- Protanopia
- Tritanopie
.webp)
.webp)
