Builders and generators
Rate this tool
Actual rate 4.6
Your name?
Any advice or suggestion?
Pick a color
LIGHTEN
DARKEN
GREYSCALE
SATURATE
DESATURATE
BRIGHTEN
DARKER / LIGHTER
SATURATION
BRIGHTESS
Triadic color scheme is a special variant of the split-complementary color scheme. All three colors are distributed around the color wheel, causing there is no clear dominance of one color. The colors have equal distance between each other.
Tetrad color scheme is a special variant of the dual color scheme. All four colors are distributed around the color wheel with equal distance between each other.
Monochromatic color schemes use only one color. Monochromatic schemes use different tones from the same angle on the color wheel using the same hue.
Analogous color schemes are created by using colors that are next to each other on the color wheel. Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.
Complementary schemes are created by combining colors from opposite sides of the color wheel. The high contrast of complementary colors creates a vibrant look.
Split complementary color scheme is a special variant of complementary color scheme. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue.
What is a Color Palette?
A color palette refers to the range of colors or a palette of different colours that can be displayed on a device screen or other interface, or a collection of colors and tools for use in paint and illustration programs.
Color palettes can either promote contrast or consonance, but as long as they make sense together, they can still result in a visually satisfying effect.
Color harmony refers to the use of color combinations that are visually pleasing for the human eye.
How many colors should be in a color palette?
Plan on choosing 3 colors. Your primary, accent and a neutral. Brand color schemes can have between 1-4 colors depending on the type, but even monochrome schemes will require some variation in hues for different purposes.
60/30/10 Rule UI: this rule came from interior design and is also used in web UI, use 60% for primary color, 30% for secondary/neutral color and 10% for accent color (such as Call To Action element or buttons element).
Colors meaning
Scientists have studied the physiological effects of certain colors for centuries. Besides aesthetics, colors are the creators of emotions and associations. The meaning of colors can vary depending on culture and circumstances. That’s why you see black&white fashion stores.
They want to appear elegant and sublimely.
The best color combinations come from nature. They will always look natural. The best thing about looking to the environment for design solutions is that the palette is always changing.
Color weel
Some colors go well with each other, while others will clash. There are definitive rules for how they will interact that can be best observed on a color wheel.
Triadic: Triadic color scheme is a special variant of the split-complementary color scheme. All three colors are distributed around the color wheel, causing there is no clear dominance of one color. The colors have equal distance between each other.
Tetrad: Tetrad color scheme is a special variant of the dual color scheme. All four colors are distributed around the color wheel with equal distance between each other.
Monochromatic: Monochromatic color schemes use only one color. Monochromatic schemes use different tones from the same angle on the color wheel using the same hue.
Analogus: Analogous color schemes are created by using colors that are next to each other on the color wheel. Analogous color schemes are often found in nature and are harmonious and pleasing to the eye.
Complementary: Complementary schemes are created by combining colors from opposite sides of the color wheel. The high contrast of complementary colors creates a vibrant look.
Split complementary: Split complementary color scheme is a special variant of complementary color scheme. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue.
References and resources
Share this Tool
Did you like it? Share it!
Related tools. Try these one!
Generators, builders and validators to improve your SEO and web performances
5
Create your personalized Barcode in over 70 formats. Choose your data, formats and colors and get your personalized Barcode.
Generate icons for web, Android, iOs, Microsoft and Apps. Show a graphical representation of your site within browser’s address bar.
Builders and generators Google
3,7
Choose a map theme or build your custom Google map. Customize maps with your own creativity, settings, styles and colors.
3,8
Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates. Set styles and colors for your drawed shapes and get the code.
4
Layout Grid Calculator: set your grid system, page width, margin, gutter and columns. Design your layout grid system for web pages and print design.
Generate feature-rich htaccess files: www rewrite, hotlink prevention, custom error pages, cache rules and redirects.
Generate required and most useful meta tags for your pages. Provide metadata about your website and help search engines to provide relevant content.
Builders and generators Social
4,2
Transform web pages in rich objects in a social graph. 25 Open Graph type to create a huge impact of social traffic on your website.
Choose your data and create your custom QR Code. Specify format, size, margins, charset, colors and more of your custom QR Code.
4,7
Build your Service Workers and enrich user experience. Transform your website in a huge Progressive Web App and enrich users experience.
2,0
Generate structured data in json-ld and improve your SEO. Enhance your appearance in Google Search with rich snippet result.
3,3
Generate Twitter cards markup and improve yours html meta. Attach rich photos, videos and media experiences to Tweets and drive traffic to your site.
Generate your Web App Manifest json and improve site data. Provide information about your website, allow users to quick access for a better experience.