David Read
David Read

Reputation: 1139

Android Color - How much darker is primaryColorDark than primaryColor?

I am making an application that uses a special color hex for its primaryColor. Because of this, I cannot just go on Google and select a primaryColorDark to match with this color.

My question is how do you calculate the primaryColorDark based on my provided color or any primaryColor?

My primaryColor that I am using is #00A478.

Upvotes: 4

Views: 659

Answers (3)

Rockney
Rockney

Reputation: 10650

Google made a Color tool that allow you to pick a primary Color, and it will generate your primaryColorDark and your accentColor It also shows you a preview of your Color choices in a few very basic layouts.

Upvotes: 2

Lamorak
Lamorak

Reputation: 11137

There is plenty of color matching algorithms to calculate what you need. I have found this site that provides more information about the math behind them. The basic idea is to convert your color to the circle color space and find colors that are in geometric relation with your color in this space.

Also there is lot of tools on the internet that implement those algorithms and can help you finding the colors.

I have used this tool and Single Hue algorithm to find matching color for your primaryColor and found that #007052 could suit you well as primaryColorDark.

Matching colors

Not bad, is it? :)

Upvotes: 2

localhost
localhost

Reputation: 5598

For Material Design there is a tool MaterialPalette. You choose your PrimaryColor and AccentColor and tool generates some well-looking colors based on your selection:

enter image description here

Upvotes: 4

Related Questions