material-foundation / material-theme-builder

Visualize dynamic color and create a custom Material Theme.
https://material-foundation.github.io/material-theme-builder/
Apache License 2.0
360 stars 27 forks source link

Why, these two colors are not the same #297

Open Sidnio opened 2 months ago

Sidnio commented 2 months ago

image

deweyferdinand commented 2 months ago

You need to go to the setting of the material theme builder and check the color match option so the primary color directly set to actual value

Sidnio commented 2 months ago

您需要转到材质主题构建器的设置并选中颜色匹配选项,以便原色直接设置为实际值 Is this it? Can you elaborate on that? I don't know much about the design side. image

ElianFabian commented 2 weeks ago

image

I think you are confusing the "primary color" with the "primary color role". When you select a primary color (in this case #673AB7) you get a tonal palette, and then one of those colors (in this case P-40, whose value is #6750a4) is used for the "primary color role".

Also, as @deweyferdinand said, if you need to more precisely choose your colors you can check the "Color match" option.

catdumitru commented 2 weeks ago

@ElianFabian is P-40 supposed to be the same color as Primary40? They seem to be different (same with S-40 vs. Secondary40, etc.)

ElianFabian commented 2 weeks ago

@ElianFabian is P-40 supposed to be the same color as Primary40? They seem to be different (same with S-40 vs. Secondary40, etc.)

I used a color picker and they have the exact same hex number, you can do the same to check it.