example.qmd

---
title: "preview-colour Example"
preview-colour:
  code: true
  text: true
filters:
  - preview-colour
format:
  html:
    output-file: index
  pdf:
    output-file: preview-colour-latex
    papersize: a4
    margin:
      x: 2.5cm
      y: 2.5cm
  revealjs:
    output-file: preview-colour-revealjs
  beamer:
    output-file: preview-colour-beamer
    aspectratio: 169
format-links: true
engine: markdown
---

## Usage

The `#b22222` colour is a dark red colour, also known as firebrick.
It is a web safe colour.
The #b22 colour hex could be obtained by blending #ff4444 with #640000.
Closest websafe colour is: #cc3333.

```{.r}
my_colour <- "#b22222"
```

`rgb(10, 100, 200)` or `rgb(10,100,200)` is a blue colour and `hsl(240, 100%, 50%)` is a colour too.  
But it does not work with rgb(10,100,200) and hsl(240,100%,50%).

## Supported inline code syntax

- [ ] Names one: `orange` (*will probably never be supported*)
- [x] hex codes:
  - [x] code: `#441100`
  - [x] text: #441100
- [x] short hex codes (*currently not supported for `pdf` output*):
  - [x] code: `#123`
  - [x] text: #123
- [ ] rgb:
  - [x] code: `rgb(10, 100, 200)`
  - [x] code (no space): `rgb(10,100,200)`
  - [ ] text: rgb(10, 100, 200)
  - [ ] text (no space): rgb(10,100,200)
- [ ] rgb with %: 
  - [ ] 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:
  - [x] code: `hsl(240, 100%, 50%)`
  - [x] code (no space): `hsl(240,100%,50%)`
  - [ ] text: hsl(240, 100%, 50%)
  - [ ] text (no space): hsl(240,100%,50%)