拡張機能管理プラグイン を使用してインストールします。（インストールするだけで利用可能です）

下のサンプルコードを参考にしてください。

<color green>text</color>
<color blue/lightgrey>text</color>
<color #FF0000>text</color>
<color /#FFff00>text</color>
<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text</color>
<color hsl(120,100%,30%)/hsl(180,50%,90%)>text</color>

下のような結果になります。

このプラグインは X11の色名称、RGBカラーコード(#123または#123456)、RGBA(#1234または#12345678)、RGB、RGBA、HSL、HSLA のカラー仕様をサポートしています。
このプラグインにはカラー指定の構文チェック機能はありません。指定が間違っている場合、正しく動作しない可能性があります。
また、すべての色指定がすべてのブラウザで機能することを保証することはできせん。（最新のWeb技術をサポートしているブラウザは、Can I Use で確認してください。）

このプラグインのソースは Sample Plugin Tutorial にあります。

Christopher Smith はプラグインをメンテナンスしていないようです。ユーザの leeyc0 は github でプラグインをホストしましたが、それを維持する時間もありません。Harald Hanche-Olsenが2018年10月に引き継ぎましたが、このプラグインはかなり安定しているとみなしているため積極的なメンテナンスは予定していません。

• 2018-10-12 新しいメンテナーに引き継ぎました。
• 2018-10-10 RGB[a]（…）、および HSL[a]（…）の色指定をサポートしました。
• 2018-08-09 レンダラーにメタデータを処理するためのコードを追加しました。
• 2016-06-25 “再設計”にもとづき、ODTサポートを追加しました。
• 2014-01-04 leeyc0 によって github でホストされました。
• 2008-02-06 カラーパターンのセキュリティ上の脆弱性を修正しました。このアップデートは、このプラグインを使うすべての人に推奨します。 — Christopher Smith 2008-02-06 17:20