How the HueCraft Color Picker Works
HueCraft gives you a professional canvas-based color picker. Drag anywhere on the saturation-brightness canvas to choose a color, use the hue slider to shift the base hue, and adjust opacity with the alpha slider. All color values update instantly in HEX, RGB, HSL, HSV, and CMYK.
What is HEX?
A HEX color is a six-digit hexadecimal number representing red, green, and blue components. It is the most common format used in web design.
What is RGB?
RGB stands for Red, Green, Blue. Each channel ranges from 0 to 255. Together they create over 16 million colors.
What is HSL?
HSL stands for Hue, Saturation, Lightness. Hue is the color's position on the color wheel (0–360°), saturation is the intensity (0–100%), and lightness is the brightness (0–100%).
What is HSV?
HSV (Hue, Saturation, Value) is similar to HSL but uses "value" (brightness) instead of lightness. It is often used in design tools for color picking.
What is CMYK?
CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model used in printing. Percentages of each ink create the final color.
What is opacity?
Opacity controls the transparency of a color. 100% is fully opaque, 0% is fully transparent.
How do color harmonies work?
Color harmonies are combinations of colors that are visually pleasing. They are based on geometric relationships on the color wheel, such as complementary (opposite), analogous (adjacent), and triadic (three equally spaced colors).
How does WCAG contrast work?
The Web Content Accessibility Guidelines define contrast ratio between foreground and background colors. A ratio of 4.5:1 is required for normal text AA, 3:1 for large text AA, and 7:1 for AAA.