Color Wheel – Free Online Color Wheel App and In-Depth Guide

Creating any form of art, whether painting on a canvas or manipulating graphics on a computer, requires some knowledge of color theory. In all cases, you will most probably use a color wheel and will have to understand and learn how to use this tool to blend colors. Our mission is to help you gain an understanding of color theory and how a color wheel chart works.

The color wheel is the most helpful tool when it comes to color mixing. It shows you which colors work well together. With our free online color wheel tool, you can select from a wide variety of color combination modes to help you create the best possible artwork. Switch between the traditional RYB painter’s wheel and the RGB screen wheel, drag the points to explore 13 color harmonies, and copy, print, or share your palette.

If you would like to know more about the color theory itself, check out our color mixing article and also our free color mixer.

Are you missing any features? Feel free to contact us. 

How to Use Our Online Color Wheel

Our interactive color wheel works like a color wheel chart that you can move. Here is how to find matching colors in a few seconds:

1. Choose your wheel. Select “RYB · Painter’s wheel” if you mix paint, or “RGB · Screen wheel” if your colors are meant for a website, an app, or digital art.
2. Pick a base color. Drag the large point on the wheel, or type a HEX code (such as #3366CC), an RGB value, or a color name like “teal” and click “Find matches”. In browsers that support it, such as Chrome and Edge on a computer, “Pick from screen” lets you take a color from anywhere on your screen.
3. Choose a color harmony. Pick complementary, triadic, analogous, or one of the other color schemes from the menu. The matching colors appear as points on the wheel and as swatches with their HEX codes and color names.
4. Fine-tune your colors. Click a swatch to select that color, then use the Saturation and Brightness sliders or click “Edit” on the large swatch to open your browser’s color picker. If you change a single harmony color, the tool switches to Custom, where every point moves freely.
5. Use your palette. Copy the codes, download the palette as an image or swatch file, print it, or copy the share link.

On a phone or tablet, touch and drag the points. With a keyboard, the arrow keys move the selected point: left and right change the hue, up and down change the saturation, and holding Shift makes bigger steps. “Random” gives you a new base color, and “12-part chart” turns the smooth wheel into a classic color wheel chart with 12 hues in five saturation steps.

RYB Painter’s Wheel or RGB Screen Wheel?

There is more than one color wheel. The traditional color wheel that painters use is built on the primary colors red, yellow, and blue (RYB). Screens create color from red, green, and blue light (RGB), so digital color pickers use a different wheel. Because the colors sit in different places, the same rule gives you different partners. On the RYB wheel, the complementary color of red is green, blue sits opposite orange, and yellow sits opposite violet. On the RGB wheel, red sits opposite cyan, blue sits opposite yellow, and green sits opposite magenta.

Use the RYB wheel when you plan a painting or mix acrylics, oils, or watercolors, and the RGB wheel when you build a palette for a website, a logo, or a digital illustration. When you switch wheels, the tool keeps your base color and calculates the harmony again, so you can compare both answers side by side. Keep in mind that the RYB wheel on a screen is a guide: real pigments differ from brand to brand, so test your mixes on paper before you start a painting.

The Color Harmonies in Our Color Wheel Tool

The tool offers 13 color harmonies plus a Custom mode. Each one places the colors at fixed angles on the wheel you have chosen:

“Add color” adds another color (up to eight) and switches to Custom, and “Remove color” deletes the selected one. In Custom mode, dragging the large base point moves the whole palette, so your color relationships stay the same while you try them in a new hue.

Find the Complementary Color of Any Color

Do you already have a color and need its partner? Type its HEX code, RGB value, or name into the search field, click “Find matches”, and choose “Complementary”. The second swatch shows the color opposite yours on the wheel, with its HEX code and the closest name from a list of more than 2,300 named colors. Switch to “Split complementary” or “Triadic” to see softer alternatives. For examples with paint, read our guides to the opposite of red and the opposite of yellow.

Tints, Shades, Tones, and Contrast

Below the wheel, the tool shows tints (mixed with white), shades (mixed with black), and tones (mixed with gray) of the selected color in steps of 10% up to 80%. Click any swatch to copy its HEX code.

The contrast checker shows how readable text would be in your palette. Choose a text color and a background color from your palette, white, or black, and the tool calculates the contrast ratio and checks it against the thresholds of the Web Content Accessibility Guidelines (WCAG): 4.5:1 for normal text and 3:1 for large text at level AA, and 7:1 for normal text at level AAA. It also lists the pairs in your palette with the highest contrast.

To see your colors in action, the tool paints a small landscape with your palette and shows how it divides up under the 60-30-10 rule. The “Color vision” menu simulates protanopia and deuteranopia, the two most common forms of color blindness, the much rarer tritanopia, and a grayscale view, so you can check that your colors can still be told apart.

Save, Print, and Share Your Palette

• Copy HEX, Copy RGB, Copy CSS, and Copy JSON copy your colors as text, ready for your design app or your code.
• PNG downloads an image of the wheel with your colors, their HEX and RGB codes, and their names.
• ASE downloads an Adobe Swatch Exchange file for Photoshop, Illustrator, and InDesign, and GPL downloads a palette file for GIMP, Krita, and Inkscape.
• Print / PDF opens a print view with the wheel and the HEX, RGB, HSL, and CMYK values of every color. Choose “Save as PDF” in the print dialog to keep a PDF copy.
• Copy link creates a share link that saves the wheel type, the harmony, and all of your colors.

The color wheel runs entirely in your browser. It is free, needs no sign-up, and adds no watermark. If you want a palette from a photo or a painting instead, try our image color picker, or let our color palette generator suggest random color schemes.

The Fundamentals of Color Theory

Understanding color theory will help you to use colors more effectively. There are some rules you need to follow so you can create visually appealing art. By doing this, you can improve the way you paint by producing depth and contrast. Colors can also be used to affect emotions or attract customers, which makes it important in the advertising industry.

Creating attractive websites also relies on the use of a color wheel. Interior designers utilize color theory to design and decorate rooms at home and for businesses. So, the more you can appreciate the complexities of color and learn to take advantage of this, the better your chances of successfully creating visually appealing art and graphics.

Let us start with the basics and slowly move on to understanding a color wheel chart.

Primary Colors

You should always start with a basic foundation of knowledge, so you can build up from there. Many of us already understand what primary colors are from school. You have three primary colors and include:

These colors are the foundation of all other colors, as well as the different shades, tints, and hues, which we will be getting into later. These colors cannot be produced by mixing any of the other colors. You use these primary colors to create your secondary colors.

Secondary Colors

Your secondary colors are easily created by combining your primary colors. You have three secondary colors including green, purple, and orange. To create these colors, you will combine two of the following primary colors.

• Blue and yellow make green
• Yellow and red make orange
• Red and blue make purple

These true colors are only created by using the purest form of the primary colors, meaning there is no tint, tone, or shade. These secondary colors are what you have when working with pigments and paint. When it comes to light, your primary colors are red, green, and blue, and your secondary colors are cyan, yellow, and magenta. We will be discussing this a little later on.

Tertiary Colors

This is a debatable subject; however, many refer to the combination of primary and secondary colors as tertiary colors. Others will say these are intermediate colors, while the tertiary colors are a combination of your secondary colors. We will be referring to these colors as intermediate.

The one rule to remember for tertiary colors, not every primary color can blend with every secondary color. For example, green and red because green contains yellow and blue. So, you will be combining all three primary colors, which will create a brownish color.

Intermediate colors are formed when a secondary color is mixed with a primary color that is located next to each other on the color wheel. Intermediary colors always come with the primary color first, followed by your secondary color. Each combination has been given a recognizable color name.

• Yellow-Orange, also known as amber
• Yellow-Green, known as chartreuse
• Blue-Purple, known as violet
• Blue-Green, known as teal
• Red-Purple, known as magenta
• Red-Orange, known as vermilion

What Is a Color Wheel?

Before moving on, we can now bring in the color wheel. Above are your basic colors, however, there are numerous shades, hues, tints, and tones in-between. This is what a color wheel is for and is used as a visual representation of the various colors. This tool is used as a color wheel mixing guide, helping you to see how each color relates to other colors.

Artists use the color wheel for mixing colors and even interior designers use the color wheel chart to guide them on how to design interiors.

Primary, secondary, tertiary, and intermediate colors are located on the color wheel. However, there are multitudes of different types of colors, each of which can be used to create various effects when painting and creating computer graphics. There are also many other industries, where the smallest variations in color can be produced.

Many colors look good together and blend well and create color harmony. These cooperating colors are used to create art and designs that create a certain look. Creating color harmonies can be done by simply following some basic rules when it comes to the positions of the various colors within the color wheel.

Who first charted the color spectrum? It’s no surprise that it was Sir Isaac Newton during the 17^th century. This led to the color wheel and the starting point of color theory. His color circle was printed in his book Opticks in 1704. However, many have built onto color theory and there are a few versions including one by Johannes Itten, a Swiss artist and Bauhaus teacher born in 1888, who created the 12-part color wheel used by most of us today, which is based on how the various colors mix.

Johannes Itten, c. 1920; Photograph: Paula Stockmar (as mentioned at https://bauhaus.daserste.de/credits)Derivative work:MagentaGreen, CC BY-SA 3.0, via Wikimedia Commons

Then, you have Harald Liebedank Küppers, born in the early 20th century, who became involved with color printing technologies. He became a lecturer in color theory and wrote various books about it. He based his color theory on how we see color and instead of a color wheel circle, he developed a hexagon, where there are no primary, secondary and tertiary colors.

His color theory is between primary (primordial) colors of orange-red (R), green (G), violet-blue (B), and basic colors.

Finally, Johann Wolfgang von Goethe, who was born in the mid-18^th century, was a poet, scientist, and much more. He developed his own theory on colors and associated it with how light and dark affected colors. Other names that are important in the development of color theory include Aristotle and the American painter and art teacher Albert Munsell, whose Munsell color system, first published in 1905, describes colors by hue, value, and chroma and is still used today.

Johann Wolfgang von Goethe at age 79 (1828) oil painting by Joseph Karl Stieler; Joseph Karl Stieler, Public domain, via Wikimedia Commons

The traditional color model used by many artists is RYB (red, yellow, and blue), which is the color wheel for mixing paints and pigments. Then you have your RGB (red, green, and blue) color model that is used online when light is involved in the mixing of the various colors. Also, when it comes to printing, you have your CMYK (cyan, magenta, Yellow and Black) color model.

Let us now first look at what types of colors you can get in your basic color wheel.

Complementary Colors

A color wheel is exactly that, a circular image representing the many different colors. So, if you can find your primary colors red, blue, and yellow, then locate the colors sitting opposite of each, these will be your complementary colors. When placed close together, complementary colors will always accentuate each other, creating bold contrasts.

Complementary colors are not only for primary colors but any two colors on the color wheel that sit opposite each other.

When using complementary colors in a design, it is recommended that you use one of the colors as your base color and the complementary color as an accent. When using too many contrasting colors, it can become difficult to look at.

To add more variety and to tone down the vibrant contrasting colors, you might want to consider split complementary colors. This is almost the same as complementary colors, the difference being is that you have two colors opposite your main color. You still have contrast, but it is a little less eye-catching. The one main drawback is that it can be difficult to balance these colors in a color scheme as they still provide a contrast.

For example, if you take yellow as your main color, purple is its complementary color. So, the two colors next to purple would be your split complementary colors that lean either toward a cooler or warmer color of purple.

Monochromatic Colors

This type of color scheme takes a single color and then uses different shades or tints to create a consistent and uniform look. Unlike the contrasting colors which catch your eye, these colors are often soothing and create a nice clean look. For example, take blue and add some white, you get a pale blue. Make it darker by adding in a little black and get navy blue. So, your color scheme would be blue, pale blue, and navy blue.

Analogous Colors

Take a look at a color wheel and choose a color, for example, red. Then check the color wheel and see which colors sit next to each side of the color red. So, you have three colors next to each other. These are your analogous colors. You can go even further and create a five-color scheme, which means you take the two colors that sit next to the first two colors. These colors are usually calming and easy to look at.

For example, orange, red-orange, and red. You will be able to create harmonious warm or cool color palettes with analogous colors.

Triadic Colors

The name says it all, triadic meaning three colors. All three colors are equally situated when placed in line on the color wheel and will look like a triangle. These colors are usually contrasting, however, they each have the same tone. Since these colors are contrasting and dominant, it is best to use a single color as your base color, while the others are used as accents. You can also tone down two of the colors to create less of a contrast.

Tetradic Colors

This means having four parts, so instead of the triangle above, you have a square or rectangle shape of four connected colors. The square connects four colors that are equal distances from each other. Again, these colors contrast each other. The rectangle is similar and also uses two sets of complementary colors.

The colors located on the shorter end of the rectangle are separated by one color. For example, red-violet and red-orange (separated by red) form one short side, and their complements yellow-green and blue-green form the other. The more colors involved, the more challenging it is to harmonize or balance the colors. Again, it is a good idea to take only one dominant color and the rest of the colors can be placed as accents.

Warm and Cool Colors

 You can easily determine warm and cool colors, as you can draw a straight line through the color wheel and each of these colors will be on opposite sides. Your warm colors inspire feelings of warmth and include reds, oranges, and yellows. Cooler colors inspire feelings of cool things such as water or forests and include green, blue, and purple.

Neutral colors like gray or white can also move toward warm or cool, depending on each color’s undertone. This also works with all colors, so you can also get cooler red tones and warmer blue tones.

Shades, Tints, Hues, and Tones

Each color you get can have different shades or tones, which makes it possible to create a myriad of colors. To understand these terms a bit more, below is a brief explanation of each. This is just another step in understanding the amazing diversity of colors.

Color Shades

When describing a shade, you are most probably thinking of a lighter and darker of the same hue. A color shade is describing the amount of black you include with another color. The different shades depend on the amount of black you use but maintain the same saturation of color.

Color Tints

A tint is the exact opposite of a color shade and is determined by how much white you add to a color. However, many use these terms interchangeably but there are many separate shades and tints of color available.

Color Hue

Hues are sometimes called colors and are seen as the same thing. However, color refers to all the different tints, shades, and tones. Even white and black can be seen as colors. A hue is referring to the pure or dominant colors. Black, white as well as gray are never described as a hue.

The hue of a color is important when mixing colors because a true color or hue contains the lowest number of other colors.

If you use, for example, a primary color with a shade, tint, or different tone, you are technically mixing more colors, and you might end up with a different color than you expected. The same occurs with a color of light, the hue is based on its dominant wavelength, with lightness and the intensity of the color not being taken into consideration.

Color Tone

So, a pure hue or color with the same saturation that has different degrees of lightness are your shades and tints. On the other hand, a color with a similar hue and lightness, which has different saturation is a color tone. Tones are made when a neutral gray is added and tones down the intensity of colors. You might also come across the term “color value”.

This is about how light and dark the colors are, or how close the color is to white or black.

The color saturation is seen as how intense colors are. Is it bright or a softer pastel color? When gray is added the colors fade, while a less amount of gray creates more vibrant colors. This can easily be adjusted with computer graphics.

Computer Graphics and Color

Many do not realize the importance of color and how it can affect us. Even in movies, the various colors have been used to evoke certain emotions or differentiate various aspects of the movie. In advertising this is also extremely important, attracting the audience to look and purchase items. Today, we mostly deal with a lot of computer graphics and there are two systems that you should be aware of.

Subtractive Color System

This involves printing, so consider a white piece of paper, where you are going to be adding color. Technically, this means you are blocking the white of the paper. Print on the paper, then print on it again. You should notice that the print color then becomes darker and is closer to black.

This is known as the subtractive color system and is achieved by using four colors, namely cyan, magenta, yellow, and black.

When looking at the numbers from zero to 100, consider the colors as follows:

• If all colors CMYK are 100, then you have black
• When all colors are zero, then you have white

These numbers are usually given for each color and are written with the letters CMYK, followed by four numbers. For example, red will be CMYK with the numbers 0, 100, 100, 0.

Additive Color System

Online graphics involve light and use the RGB (red, green, and blue) model, which works as an additive color system. The color you add will move you closer to white. This is represented by numbers on a scale from zero to 255. For example, red will be RGB of 255, 0, 0, or white would be an RGB of 255, 255, and 255.

When working with online graphics, colors usually display both these RGB and CMYK color systems, followed by numbers.

However, some web design programs might only provide the RGB model, so it is best to have the hex code for a specific color you are looking for. The hex code is a set of numbers and or letters that indicate a specific color. The hexadecimal code represents the colors red, green, and blue in a specific color. The code always begins with a hash sign (#), which is then followed by a combination of six numbers and/or letters. The first two letters or numbers represent red, the next two letters are green, and then blue.

There are millions of color combinations out there, so there is sure to be a color that suits your needs.

How to Select a Color Scheme for Computer Graphics

When it comes to creating websites, online advertisements, even products, and packaging, you would preferably get a professional graphic designer to do the job. However, here are a few pointers if you want to try it for yourself. Let us have a look at a few simple ideas for web design.

Creating Your Initial Design

First, you should create your basic design, even if it is only in grayscale. You want to focus on user experience before you move on to colors and details. Everything needs to work properly, if you click on a link, it should go where you want it to. All your pages, contact, and opt-in options should be working. You could have the best color combinations and graphics, but if the website is not easy to navigate and certain links or buttons do not work, it will not be enough to keep customers or visitors coming back.

Choosing Color Combinations

One way to get inspiration is to look at nature. All colors in a natural environment always work well together. From different greens to blue and white. You might also want to go into the meaning of colors and how colors can affect emotion. It also depends on what you are selling, the type of service or product. You do not want to choose a stimulating color combination if you are offering relaxing spa services.

You might have to do some research to get the right choice of colors. There are many examples online you can also take inspiration from.

Be Careful of What Colors you Choose

This is particularly true if you want to create contrast. Contrasting colors can help to produce depth and attract attention. However, if used incorrectly, you can draw attention away from where you need it to go. You can also create something hard to look at or is too much for the eye, and people will simply move on.

Refer to a Color Wheel Chart

When selecting colors, choose various combinations from the types of colors we have described above. Try a monochrome combination, complementary colors, or triadic colors. Experiment with the colors to find out which one fits with what you want to achieve.

When you have chosen your colors, it is recommended that you use the 60-30-10 rule.

This means if you have chosen three colors, your main color will be 60 percent of your design, while your two other colors will be 30 percent and 10 percent. This is a general rule, but it does help to create balance in a design. This is especially true if you have more than one vibrant color, as you do not want the colors competing too much with each other.

Make use of Color Tools

There are many tools and websites that can help you to choose the right color for your project. There are a variety of color wheels, where you can pick colors or design programs like Adobe Color that can help you. The free color wheel at the top of this page also shows you matching colors for any HEX code and checks their contrast. Many color tools also present various color palettes for you to choose from, so you do not have to do it yourself.

Color Wheel Mixing Guide

To get the right colors for your art, many artists create a color chart. This makes it easier to create specific colors anytime you need them. First, you need to familiarize yourself with color theory and get yourself a color wheel chart. There are many color wheel charts you can use online, or you can purchase one as well.

Color charts can be created for any medium, including watercolors, oil paints, acrylics, and pastels. To create your chart, draw a grid with as many columns as you have colors plus an extra column to add the color name and brand. The grid squares should be large enough to paint a small sample color in.

Maybe you want to know what a particular color will look like if you add white. You can get a variety of specific colors. So, to make it simple, let us choose a single color variety like Prussian blue, Cobalt blue, and Ultramarine blue.

In your first column, start with the pure color of each paint and as you go, you can slowly add a little white to each type of blue. It is important to label the brands, as they might not all produce the same color. You can make your color chart more complicated by experimenting and using your color wheel to produce various colors. This will help build a record of the colors you will be using in your paintings.

You can even create a multitude of colors from your primary colors and include white and black.

Otherwise, you can purchase a specific color in a tube, where no mixing is needed. However, different brands manufacture their paints differently, which is why many artists prefer to mix their own colors from scratch.

Meaning of Colors

Over the years, the different colors have been given meaning as they have formed associations. An obvious example would be green, as it is in abundance all around us in nature. So, it is associated with growth and abundance.

Below are a few more popular colors and their common associations, which may differ according to each person. Going even further into the various shades of these different colors provides even more meaning. For example, red can be lightened to make pink, which represents friendship, love, and romance.

As you can see, colors are complex, and a lot is involved in creating the perfect colors you want. The color wheel is something you can use to assist you in using and finding the colors you want. Whether you are an artist, graphic, or interior designer, the color wheel will play an integral part in your design.

Take a look at our color wheel webstory here!

More Free Art Tools

All our tools are free, run in your browser, and need no account. See them all on the free art tools page.

• Image color picker: find the exact colors in any photo or painting.
• Color name finder: get the name of any HEX, RGB, or photo color.
• Color mixer: mix paint or screen colors and find paint recipes.
• Color palette generator: create matching color schemes or a palette from an image.
• Random color generator: get random colors and palettes with paint mixing tips.
• Tint and shade generator: make tints, shades, and tones of any color.
• Color blindness simulator: see images and palettes as color blind people do.
• Photo to painting: turn a photo into an oil or watercolor painting.
• Photo to sketch: turn a photo into a pencil sketch or line art.
• Photo to coloring page: turn any picture into a printable coloring page.
• Image to pixel art: convert an image into editable pixel art.
• Notan generator: plan light and dark shapes with a two- or three-value study.
• Art grid tool: put a drawing grid over any photo.
• Pose reference: practice figure drawing with timed poses.
• Graph Paper Printable: print graph paper, dot grid, isometric, and hex paper to scale.
• Aspect Ratio Calculator for Art: work out aspect ratios and scale art to any canvas size.
• Tracing Worksheets: make tracing worksheets with letters, numbers, and lines.
• DPI Calculator: find the DPI and largest print size of any image.
• Calligraphy Practice Sheets: print calligraphy and hand lettering practice sheets.
• Art Style Quiz: find out which art style fits you.
• Online drawing board: draw and paint online with brushes, layers, and symmetry.
• Golden ratio overlay: check your composition with a golden spiral and rule of thirds.
• Perspective grid generator: print one-, two-, and three-point perspective grids.
• Paint by number generator: turn a photo into a printable paint by number template.
• Mandala maker: draw symmetrical mandalas and print them as coloring pages.
• Connect the dots maker: turn a picture into a printable dot to dot worksheet.
• Picture frame and mat size calculator: work out mat openings and frame sizes for your art.
• Art pricing calculator: find a fair price for your paintings and prints.
• Art quiz: guess famous paintings, artists, and styles.
• Art prompt generator: get random ideas for drawing and painting.
• Random character generator: create an original character with traits and a palette.

Frequently Asked Questions

What Is a Color Wheel?

A color wheel is a visual representation of color and how these colors interact with each other. The basic color wheel usually contains your primary, secondary, tertiary, complementary colors, with various shades and tints. According to color theory, you should be able to determine what colors work best together by studying the color wheel.

What Are Contrasting Colors?

When it comes to your traditional RYB (red, yellow, and blue) color model, the contrasting colors, or colors that make each other stand out, which are your complementary colors. These colors are placed opposite each other. For example, when looking at a color wheel, the complementary color of red is green.

What Are Monochromatic Color Schemes?

A monochromatic color scheme uses one color and creates different tones from this color. Choose a base color, for example, blue, then use a color wheel to select various shades, tints, and tones. You can choose many varying lighter and darker colors from this same base color. A monochromatic color scheme helps artists create shadows, depth, and highlights in paintings.

What Do Analogous Colors Mean?

When looking at a color wheel, analogous colors are a group of three colors that can be found next to each other. Analogous colors usually have a main primary or secondary color, an accompanying secondary or tertiary color, and a third color. For example, red, orange, and red-orange. These can be used to create a harmonious color scheme that feels almost as unified as a monochromatic one.

How Do You Use a Color Wheel?

Start with one color you want to use, find it on the wheel, and then use a harmony rule to find colors that go with it. Colors opposite each other give strong contrast, neighbors give a calm look, and three or four evenly spaced colors give a lively but balanced palette. In our online color wheel, you drag the base point or type a HEX code, and the tool shows the matching colors for you.

What Are the 12 Colors of the Color Wheel?

The traditional RYB color wheel has three primary colors (red, yellow, and blue), three secondary colors (orange, green, and violet), and six tertiary colors (red-orange, yellow-orange, yellow-green, blue-green, blue-violet, and red-violet). Switch our tool to “12-part chart” to see these 12 hues as a classic color wheel chart.

What Is the Complementary Color of Blue?

On the traditional RYB color wheel that painters use, the complementary color of blue is orange. On the RGB color wheel used for screens, blue sits opposite yellow. You can check any color in our tool by typing its HEX code and choosing the “Complementary” harmony.

What Is the Difference Between the RYB and RGB Color Wheel?

The RYB wheel is built on red, yellow, and blue, the primary colors of traditional painting, and it describes how paints and pigments mix. The RGB wheel is built on red, green, and blue light, the way screens create color. Because the hues are spaced differently, complementary pairs differ: red and green on the RYB wheel, but red and cyan on the RGB wheel.

What Colors Go Together on the Color Wheel?

Colors that follow a harmony rule usually go well together: complementary colors opposite each other, analogous colors next to each other, and triadic or tetradic colors spaced evenly around the wheel. Choose one color as the main color and use the others as accents, for example with the 60-30-10 rule. Our guide to color combinations shows many examples.

What Is a Color Wheel Chart?

A color wheel chart is a printed or painted version of the color wheel, often divided into 12 segments with lighter and darker steps of each hue. Artists use it as a quick reference for mixing and for picking color schemes. With our tool, you can switch to the “12-part chart” view, mark your harmony, and print it or save it as a PDF.

Who Invented the Color Wheel?

Sir Isaac Newton is usually credited with the first color wheel. He was the first to bend the colors of the spectrum into a closed circle, which appeared in Opticks. Later artists and scientists, including Johann Wolfgang von Goethe and Johannes Itten, created their own versions.

Is This Color Wheel Free, and Does It Work on a Phone?

Yes. Our color wheel is free, needs no account, and works in any modern browser on a computer, tablet, or phone. On a touchscreen, you simply touch and drag the points on the wheel.

Charlene Lewis( Content Creator and Creativity Writer )

In 2005, Charlene completed her Wellness Diplomas in Therapeutic Aromatherapy and Reflexology from the International School of Reflexology and Meridian Therapy. She worked for a company offering corporate wellness programs for a couple of years, before opening up her own therapy practice. It was in 2015 that a friend, who was a digital marketer, asked her to join her company as a content creator, and this is where she found her excitement for writing.

Since joining the content writing world, she has gained a lot of experience over the years writing on a diverse selection of topics, from beauty, health, wellness, travel, and more. Due to various circumstances, she had to close her therapy practice and is now a full-time freelance writer. Being a creative person, she could not pass up the opportunity to contribute to the Art in Context team, where is was in her element, writing about a variety of art and craft topics. Contributing articles for over three years now, her knowledge in this area has grown, and she has gotten to explore her creativity and improve her research and writing skills.

Charlene Lewis has been working for artincontext.org since the relaunch in 2020. She is an experienced writer and mainly focuses on the topics of color theory, painting and drawing.

Learn more about Charlene Lewis and the Art in Context Team.