Online Color Picker - Color Wheel
With this tool you'll be able to select from 16,777,216 colors. Pick a color on the wheel, type any CSS color, or use the eyedropper, and get its HEX, RGB, HSL, HWB and OKLCH codes, the nearest color name and how readable text is on it.
Discover the perfect shades for your creative projects with our user-friendly online color picker! Whether you're a web designer, graphic artist, or just looking to find an ideal color, our tool simplifies the process of selecting colors that match your vision.
#6EADFF
Type any CSS color: #hex, rgb(), hsl(), oklch() or a name such as tomato.
Color Schemes
Complementary
Complementary colors sit directly opposite each other on the color wheel, so they give the strongest contrast and make each other look more intense. On this digital (RGB) wheel, the complement of red is cyan and the complement of blue is yellow. Painters using the traditional red-yellow-blue wheel pair red with green instead. Use a complementary color sparingly, for accents and calls to action.
Split Complementary
A split complementary scheme pairs a base color with the two colors on either side of its complement, 150° and 210° around the wheel. For red, that is a spring green and an azure blue instead of cyan. You keep much of the contrast of a complementary pair, but the result is softer and easier to balance, which makes it a good first choice for vibrant palettes.
Triadic
Triadic colors are three hues spaced evenly around the wheel, 120° apart, forming an equilateral triangle. The scheme is vibrant even with paler tints. It works best when one color dominates and the other two are used as accents.
Tetradic (Square)
A tetradic scheme uses four colors made of two complementary pairs. Here they are spaced evenly, 90° apart, forming a square on the wheel. It gives the richest palette of all, so let one color lead and keep an eye on the balance between warm and cool colors.
Analogous
Analogous colors are neighbours on the color wheel, here 15° and 30° to each side of the base color. They share an undertone, so they look calm and harmonious together, like the colors of a sunset or a forest. Add a neutral or a single contrasting accent to keep the design from feeling flat.
Monochromatic
A monochromatic scheme uses one hue in different lightnesses, from dark shades to light tints. It always looks cohesive and is ideal for backgrounds, borders and hover states. The swatches keep the hue and saturation of your color and step the lightness from 15% to 87%.