The Color Palette plugin enables users to design visually appealing and functional color palettes directly within Obsidian. It supports various CSS color formats, such as Hex, RGB, and HSL, and allows palette creation from popular websites like Coolors and ColorHunt. Users can include gradients, assign aliases, and copy color codes effortlessly. Advanced features include generating random palettes based on color theory and converting links or code blocks into usable palettes. The plugin offers customizable settings for palette dimensions, display orientation, and more, making it a versatile tool for enhancing note aesthetics.
Important
- stabilityWhileEditing setting replaces hoverWhileEditing. It now defaults to true, and disables both text / hover while in edit mode
Changes
- New hideText palette setting
- color/alias is now visible when hover setting is disabled #19
- updated docs
Color Palette
Create beautiful & functional color palettes that enhance the appearance of your notes.
Key Features
- Supports most CSS color formats (including Hex, RGB, HSL, etc.)
- Create color palettes from popular palette websites like coolors & colorhunt.
- Style like a pro with gorgeous gradients.
- Easily copy color codes by selecting them.
Full Documentation
Quick Start
Palettes can be created manually by adding a codeblock with the color codes desired.
#ffffff, #000
rgb(125, 255, 255); rgb(255, 255, 125);
Palettes can also be created from links.\
Only URLs from https://coolors.co & https://colorhunt.co are currently supported.
https://colorhunt.co/ffffff
Optional settings can be applied to each palette within the codeblock.
#fff, #000fff00 {"gradient": true, "aliases": ["white", "black"]}
Palette Settings
- height (number)
- width (number)
- direction (row/column)
- gradient (true/false)
- hover (true/false)
- hideText (true/false)
- override (true/false)
- aliases (string array)
Caution - using width might cause palettes to display incorrectly.
Commands
Commands can be bound to a hotkey in settings.
- Create - Advanced palette editor
- Convert link - Converts a selected URL to a palette
- Convert codeblock link to hex
- Generate random palette - Creates a new random palette based on color theory combinations