RYB Color Wheel Picker

What Is the RYB Color Wheel?

The RYB color wheel is built on the traditional Red-Yellow-Blue color model – the wheel painters, illustrators and art teachers have used for centuries. It is a subtractive model: colors come from pigment absorbing light, so mixing all three primaries gives a dark, muddy tone rather than the white light you get from mixing on a screen.

Click or drag anywhere on the wheel to choose a hue, adjust saturation and brightness with the sliders, or dial in exact R-Y-B amounts to mix a color the way you would on a palette. Every change updates the HEX and RGB readouts, so a color mixed in pigment terms can be pasted straight into CSS, Figma or any design tool.

RYB Complementary Colors

---

On the RYB wheel, complementary colors are the two hues exactly 180° apart. They share no common pigment, so they give the strongest possible contrast: side by side each one looks more vivid, mixed together they neutralise into a muted brown or grey. The three classic pairs are:

• Red & Green – the boldest pair, warm against cool, high energy.
• Blue & Orange – the cinematographer's pair, creates depth and pulls the eye to a subject.
• Yellow & Purple – the widest value contrast of the three, ideal for posters and signage.

To find a complement here, pick any color on the wheel and read the Complementary swatch in the harmonies panel – it always points at the hue directly opposite your pick. You can also compare any two colors in the opposite color finder.

How to use the RYB color wheel

---

1. Pick a hue. Click or drag on the wheel. Distance from the center controls how saturated the color is; the ring of the wheel is fully saturated pigment.
2. Tune it. Use the saturation and brightness sliders for tints, tones and shades, or mix precise amounts of Red, Yellow and Blue with the primary sliders.
3. Choose a harmony. Switch between complementary, triadic, analogous, split-complementary and tetradic to see a ready made scheme around your color.
4. Take the colors with you. Click a swatch to make it the new base color, or tap a HEX or RYB code to copy it to the clipboard.

Frequently asked questions

---

How is RYB different from RGB?

RYB is subtractive and pigment based, so mixing all the primaries darkens the result. RGB is additive and light based, so mixing all the primaries gives white. Use RYB when you are thinking about paint, ink or classical color theory, and the RGB color wheel when the color will be shown on a screen.

Why does the wheel not look like the RGB one?

Because the primaries sit in different places. On the RYB wheel yellow is a primary at 120° and green is a secondary, which is why red's complement is green here but cyan on the RGB wheel.

Are the HEX codes exact?

The HEX and RGB values are the exact screen colors of the pigment hue you picked, so they match what you see on the wheel. Printed ink and real paint will always shift slightly from a screen preview.

Does it work on a phone?

Yes. Tap and drag on the wheel works the same as a mouse, and the sliders and swatches are sized for touch.

More color tools

---

• Image color picker
• RGB color wheel picker
• Color palette generator and editor
• Color names and color codes
• Browse colors by family and hue
• Tints and shades generator
• Opposite color finder