Jun 15, 2022
In Welcome to the Forum
The output of the same color system follows the tint/shade color system algorithm invented by antDesign. Speaking of people, it is to add a certain proportion executive email list of black or white to the color to generate the color scale more scientifically. This algorithm can be directly visualized in the sketch, so that the designer can directly generate the color scale of all colors. It should be noted that the bright color area (that is, the horizontal color picking area above, when executive email list white to solid color S transitions from 0 to 100) and the dark color area (the vertical color picking area on the right side, when solid color to black, B transitions from 100 to 100). 0) Two different rules are followed, the specific rules are as follows: When the S saturation changes (light area), the S value is decremented in increments of the resulting value of S/5, and the B value is incremented in increments of executive email list the resulting value of (100-B)/5. The S and B of our brand color are 80 and 100 respectively, so the two increments here are 16 and 0 respectively. The HSB parameters corresponding to the executive email list next two color levels of the brand color in the light color area are (250, 64, 100), (250, 48, 100), and so on. When the B brightness changes (dark area), the S value is incremented by the result value of (100-S)/5, and the B value is decreased by an increment of the result value of B/5. The resulting two increments are 4 and 20, respectively. The HSB parameters corresponding to the next two colors of the brand color in the dark area are (250, 84, 80), (250, 88, 60), and so on for all the remaining colors. According to these two definition rules, we can deduce the color scale of all different gradients, and executive email list we can use it as the color matching of the brand color. 4. Define the secondary color We use brand colors to convey brand value, and also need auxiliary colors to meet the needs of diverse executive email list business scenarios, guide users with different emotions, and at the same time relieve users' visual fatigue caused by a single main color. The definition of auxiliary colors can be directly used in the 24-color "ribbons" that we derived based on brand colors.