Color

60-30-10 color palette generator

60-30-10 color palette generator
  1. What is 60-30-10 color rule?
  2. How to apply 60-30-10 rule in UI design?
  3. What is 60-30-10 rule when creating a color palette for your UI?

What is 60-30-10 color rule?

What is the 60-30-10 Rule? It's a classic decor rule that helps create a color palette for a space. It states that 60% of the room should be a dominant color, 30% should be the secondary color or texture and the last 10% should be an accent.

How to apply 60-30-10 rule in UI design?

The 60–30–10 Rule

The idea is simple —when you choose a new color palette, the 60% of the palette should be dedicated to one color (usually, it's a neutral color), another (complementary) color makes up 30% of the palette, and a third color (accent) is used for the remaining 10% of the design.

What is 60-30-10 rule when creating a color palette for your UI?

The 60-30-10 rule refers to an ideal proportion that is meant to reach balance among colors. According to Prototyp, 60% is your dominant hue 30% is the secondary color, and 10% is for accent color. This formula allows the eyes to move comfortably from one point to the next.

What WCAG criteria addresses hearing-impaired users and the use of audio instructions?
How to make audio and video content in presentations accessible to people with hearing disabilities?How would you make an audio visual text accessibl...
Form Button Order (Save/Back/Next)
Where do you put Save and Cancel buttons?Should save buttons be on the left or right?Where should back button be placed?Where do I put the save butto...
Choose way to get reply from form
Can Google Forms send emails automatically? Can Google Forms send emails automatically?With Email Notifications for Google Forms, you can automatica...