本機能はGitHub repo本文(READMEなど)では機能しないことに注意。効果はこの本文の下にあるコメント欄を見ると確認できる。
GitHubのComments/Issues/Pull requestsではコードスパンの中にCSSの色表現を記述するとカラーサンプル付きで表示する。
ただし全ての表現が使えるのではなく、使える書式とそうでないものがある。確認コードは次の通り。
| 表現 | 文例 | 判定 |
| - | - | - |
| RGB(16進3桁) | `#48A` | 無効 |
| RGB(16進6桁大文字) | `#44CCAA` | 有効 |
| RGB(16進6桁小文字) | `#eeaacc` | 有効 |
| rgb関数(0-255) | `rgb(0, 240, 170)` | 有効 |
| rgb関数(%) | `rgb(70%, 40%, 20%)` | 無効 |
| rgba関数(0-255) | `rgba(120, 240, 170, 0.7)` | 有効 |
| rgba関数(%) | `rgba(70%, 40%, 20%, 70%)` | 無効 |
| hsl | `hsl(120, 70%, 50%)` | 有効 |
| hsla | `hsl(120, 70%, 50%, 0.7)` | 有効 |
| hsla(%) | `hsl(120, 70%, 50%, 70%)` | 無効 |
| lch | `lch(29.2345% 44.2 27)` | 無効 |
これらは本文中では機能しない。
表現 | 文例 | 判定 |
---|---|---|
RGB(16進3桁) | #48A |
無効 |
RGB(16進6桁大文字) | #44CCAA |
有効 |
RGB(16進6桁小文字) | #eeaacc |
有効 |
rgb関数(0-255) | rgb(0, 240, 170) |
有効 |
rgb関数(%) | rgb(70%, 40%, 20%) |
無効 |
rgba関数(0-255) | rgba(120, 240, 170, 0.7) |
有効 |
rgba関数(%) | rgba(70%, 40%, 20%, 70%) |
無効 |
hsl | hsl(120, 70%, 50%) |
有効 |
hsla | hsl(120, 70%, 50%, 0.7) |
有効 |
hsla | hsl(120, 70%, 50%, 70%) |
無効 |
lch | lch(29.2345% 44.2 27) |
無効 |
実際の効果は下記コメント欄を参照(コメント欄に書かないと機能しない)。
#48A
#44CCAA
#eeaacc
rgb(0, 240, 170)
rgb(70%, 40%, 20%)
rgba(120, 240, 170, 0.7)
rgba(70%, 40%, 20%, 70%)
hsl(120, 70%, 50%)
hsl(120, 70%, 50%, 0.7)
hsl(120, 70%, 50%, 70%)
lch(29.2345% 44.2 27)