Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Colors

Bahey ShalashBahey Shalash38 downloads

Color text with hex-based markup that renders identically in live preview, reading mode and PDF export. Menus map palette names to hex colors; notes store only the hex.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

Color text in Obsidian with a hex-based markup syntax. The note stores a plain hex, so what renders is what is written: live preview, reading mode and PDF export all draw the same inline color.

~={#fb464c} colored text $x_{n}^2$ =~
~={#027aff}you can even ~={#e0de71}color=~ text inside colored text =~

The markup above rendered: red text with colored LaTeX, and a yellow word nested inside a blue sentence

Features

  • Hex-in-the-note markup: ~={#rrggbb}colored text=~ — no configuration attached, notes render the same on any machine
  • Identical rendering in live preview, reading mode and PDF export (all three share one style definition, by construction)
  • Name-to-hex palette: menus and the command suggester show names, notes always receive the hex
  • Typing a palette name by hand (~={yellow}) is rewritten to its hex the moment the token completes
  • Interactive delimiter: a small color swatch in front of the visible hex (VS Code style), with a hover menu to change or remove the color
  • Rendered LaTeX inside colored text is colored too
  • Lean by design: no themes, no per-id formatting, no generated CSS

Usage

Syntax

~={#ff8800} This text uses that color =~
~={#0f8}    Short form works too =~
~={#ff880080} So does an alpha channel =~

Colors nest, and rendered LaTeX inside a colored section is colored too.

Applying color

  • Select text, right click → Color submenu: palette names, Custom... picker, remove
  • Commands: Change text color (palette suggester), Apply custom color (hex), Apply latest color, Remove text color
  • Press Tab at the end of a colored section to jump out of it

Settings

The palette is a simple list of name → hex rows: recolor, rename, reorder, delete. Names are menu labels only; they never enter your notes.

Installation

Not yet in the community plugin directory. Until then, install via BRAT with this repository's URL, or copy main.js, manifest.json and styles.css from the latest release into .obsidian/plugins/colors/.

About this fork

A lean fork of Fast Text Color by Leon Holtmeier. The markup syntax and the lezer grammar carry over; rendering was rebuilt hex-only, and themes, per-id formatting, keybinds and the floating color menu were removed by design. There is no separate migration layer: notes written with the original ~={id} markup render whenever a palette entry carries that name, and editing such a token rewrites it to its hex. Licensed GPL-3.0, like the original.

How it works

A custom lezer parser integrates the coloring syntax with Obsidian's editor; reading mode walks the rendered blocks. All coloring is applied as inline styles derived from the hex in the markup.

HealthExcellent
ReviewSatisfactory
About
Color text using hex-based inline markup (~={#rrggbb}...=~) so notes store plain hex and render identically in live preview, reading mode, and PDF export. Apply named palette entries or custom hexes via an inline swatch, keep rendered LaTeX colored, and nest colors inside other colored sections.
AppearanceSyntax
Details
Current version
1.0.1
Last updated
6 days ago
Created
Last week
Updates
2 releases
Downloads
38
Compatible with
Obsidian 1.4.0+
Platforms
Desktop, Mobile
License
GPL-3.0
Report bugRequest featureReport plugin
Author
Bahey ShalashBahey Shalashbaheyshalash
GitHubbahey-shalash
  1. Community
  2. Plugins
  3. Appearance
  4. Colors

Related plugins

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Note Toolbar

Add customizable toolbars to your notes.

Link Favicons

See the favicon for a linked website.

Chat View

Chat View lets you quickly and easily create elegant Chat UIs in your Markdown Files.

Lapel

Show the heading levels in the gutter of the editor.

Ninja Cursor

Enhance cursor visibility.

Pretty Properties

Makes note properties look more fun: adds side image, banners, list property colors and allows to hide specific properties.

Pixel Banner

Enhance your notes with customizable banner images.