Preview Colour Example

Quarto Extension

Mickaël CANOUIL, Ph.D.

Supported Colour Formats

✅ Named Colours

  • ✅ code: red
  • ✅ code: rebeccapurple
  • ✅ code: cornflowerblue
  • ✅ text: red
  • ✅ text: rebeccapurple
  • ✅ text: cornflowerblue
  • ✅ British/American: gray / grey

✅ Hex Codes

  • ✅ code: #441100◉
  • ✅ text: #441100◉

✅ short hex codes

  • ✅ code: #F03◉
  • ✅ text: #F03◉

✅ RGB

  • ✅ code: rgb(10, 100, 200)◉
  • ✅ code (no space): rgb(10,100,200)◉
  • ✅ text: rgb(10, 100, 200)◉
  • ✅ text (no space): rgb(10,100,200)◉

✅ RGB (%)

  • ✅ code: rgb(100%, 20%, 100%)◉
  • ✅ code (no space): rgb(100%,20%,100%)◉
  • ✅ text: rgb(100%, 20%, 100%)◉
  • ✅ text (no space): rgb(100%,20%,100%)◉

✅ HWB

  • ✅ code: hwb(135 0% 40%)◉
  • ✅ text: hwb(135 0% 40%)◉

✅ HSL

  • ✅ code: hsl(240, 100%, 50%)◉
  • ✅ code (no space): hsl(240,100%,50%)◉
  • ✅ text: hsl(240, 100%, 50%)◉
  • ✅ text (no space): hsl(240,100%,50%)◉

Multiple and Embedded Colours

✅ Multiple Colours (Inline)

  • ✅ code: ["#FF0000◉", "#00FF00◉", "#0000FF◉"]
  • ✅ code: #FF0000◉ #00FF00◉ #0000FF◉
  • ✅ code: colors: ["#E74C3C◉", "#3498DB◉", "#2ECC71◉", "#F39C12◉"]

✅ Embedded Colours (in Code)

  • ✅ code: my_scale <- list(scale_colour_manual(values = c("Adelie" = "#0A64C8◉")))
  • ✅ code: color1 = "#FF5733◉"; color2 = "#33FF57◉"
  • ✅ code: background-color: #282c34◉;

✅ Mixed Formats

  • ✅ code: ["#FF0000◉", "rgb(0, 255, 0)◉"]