Not all blacks are equal.
An interactive demo showing the 8 most important shades of black used in UI/dark mode design — with descriptions, use cases, and one-click hex copying.
Live demo → black-shades.vercel.app
| Name | Hex | Vibe |
|---|---|---|
| Pure Black | #000000 |
Harsh at 2am |
| Off-Black | #111111 |
Feels human |
| Off-Black Alt | #1a1a1a |
Crowd favourite |
| Charcoal | #333333 |
Great for nav bars |
| Jet Black | #0f0f0f |
OLED velvet |
| Warm Black | #121212 |
Material Design dark |
| Warm Black Alt | #1c1c1c |
Apple dark mode |
| True Black (OLED) | #000000 |
Pixels off = battery saved |
Zero dependencies. Just open index.html in a browser.
git clone https://github.com/metasal1/black-shades
cd black-shades
open index.htmlOr deploy anywhere static — Vercel, Netlify, Cloudflare Pages, GitHub Pages.
- 🎨 Visual swatches for each shade
- 📋 Click any card to copy hex to clipboard
- 📱 Mobile responsive
- 🌑 Pure dark UI — eats its own dog food
PRs welcome. Found a shade we missed? Open an issue.
MIT