Skip to content

Add support for color visualization in inline code blocks #6

@Felix-CodingClimber

Description

@Felix-CodingClimber

Supported color models
Call out colors within a sentence by using backticks. A supported color model within backticks will display a visualization of the color.

The background color is #ffffff for light mode and #000000 for dark mode.
Screenshot of rendered GitHub Markdown showing how HEX values within backticks create small circles of color. #ffffff shows a white circle, and #000000 shows a black circle.

Here are the currently supported color models.

Color Syntax Example Output
HEX #RRGGBB #0969DA Screenshot of rendered GitHub Markdown showing how HEX value #0969DA appears with a blue circle.
RGB rgb(R,G,B) rgb(9, 105, 218) Screenshot of rendered GitHub Markdown showing how RGB value 9, 105, 218 appears with a blue circle.
HSL hsl(H,S,L) hsl(212, 92%, 45%) Screenshot of rendered GitHub Markdown showing how HSL value 212, 92%, 45% appears with a blue circle.
Note

A supported color model cannot have any leading or trailing spaces within the backticks.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions