シェード（暗色）
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/shade/" 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/shade/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/shade/)Use the native HTML custom element.
純粋な色相に黒を加えることで暗くした色。
Shades are darker variations of a base color. For example, adding black to blue produces navy, which is a shade of blue. Shades preserve the original hue but increase depth and intensity. In web design, shades work well for text, borders, and emphasis elements. Tailwind CSS shade scales from 600 to 950 typically represent shades of the base color. Shades convey richness, stability, and seriousness in design contexts.