Hue
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/hue/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/hue/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/hue/)Use the native HTML custom element.
The attribute of a color that distinguishes it as red, blue, green, yellow, or any other chromatic color on the spectrum.
Hue is the most fundamental property of color and corresponds to the dominant wavelength of light. It is what most people mean when they say 'color' in everyday language. On the color wheel, hue is represented as an angle from 0 to 360 degrees, where 0 is red, 120 is green, and 240 is blue. In the HSL and HSV color models, hue is the first component. Hue is independent of lightness and saturation; for example, a dark navy and a light sky blue share the same hue but differ in value and saturation.
Try It Out
Related Articles
CSS color-mix(): Blend Colors Natively in the Browser
Learn CSS color-mix() to blend colors natively in the browser. Master syntax, color spaces, practical use cases, and create dynamic palettes without JavaScript.
Building a Color Picker Web Component from Scratch
Build an accessible color picker as a Web Component. Implement canvas rendering, hue sliders, alpha channels, and custom events with Shadow DOM.
Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH
Explore perceptually uniform color spaces — CIE Lab, LCH, Oklab, and OKLCH. Learn how each was designed, where it excels, and which to use for CSS and design work.
Color Proofing: Ensuring Accurate Print Colors
Learn soft proofing, hard proofing, and press proof techniques to ensure accurate print color reproduction from screen to final output.
CMYK for Web Designers: When Print Meets Screen
Web designers working on print projects need to understand CMYK. Learn gamut differences, safe RGB-to-CMYK conversion strategies, print proofing workflows, and common pitfalls.
Color for Data Storytelling: Beyond Default Chart Colors
Go beyond default chart colors for data storytelling. Learn sequential, diverging, and categorical palettes, accessibility in dataviz, and D3/Chart.js color scales.