Color Preview Test
LruihaoContents
This post is a test post to preview the color syntax in Markdown.
📝 Syntax
| Color | Syntax | Example | Output |
|---|---|---|---|
| HEX | `#RRGGBB` | `#0969DA` | #0969DA |
| RGB | `rgb(R,G,B)` | `rgb(9, 105, 218)` | rgb(9, 105, 218) |
| HSL | `hsl(H,S,L)` | `hsl(212, 92%, 45%)` | hsl(212, 92%, 45%) |
e.g. The background color is #ffffff for light mode and #000000 for dark mode.
✅ Color Preview
Pure color values (no leading/trailing characters):
#0969DA#096#FF0000#00FF00rgb(255, 0, 0)rgb(0, 255, 0)hsl(240, 100%, 50%)hsl(120, 100%, 50%)
Theme colors:
| Type | Light | Dark |
|---|---|---|
| Primary | #1677ff | #0069fc |
| Secondary | #8b949e | #7d8792 |
| Success | #52c41a | #49ad17 |
| Info | #13c2c2 | #11abab |
| Warning | #faad14 | #efa105 |
| Danger | #ff4d4f | #ff3436 |
❌ Regular Code
With leading or trailing characters:
test #0969DA#0969DA testcolor: #0969DA#0969DA(leading space)#0969DA(trailing space)background-color: rgb(255, 0, 0)using hsl(240, 100%, 50%) color
Included in Collection・Tests 15