Page MenuHomePhabricator

Add Color Preview in Editor
Open, Needs TriagePublicFeature

Description

Feature summary (what you would like to be able to do and where):

Colors should be included as previews (likely phcode) to help users understand what the color codes mean.

Example:

firefox_9dr65xLRB9.png (678×365 px, 19 KB)

firefox_8vygUOtlt4.png (1,871×129 px, 17 KB)

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):
Whether you're editing wiki markup or templates, or working with CSS colors are everywhere.

Benefits (why should this be implemented?):

Simply edits

Related Objects

Event Timeline

We need to first clarify what color formats should be supported. Given continuing development of CSS specs, it will be inefficient to increase the JS bundle size for some rarely used color formats.

How about hex colors + named colors + rgb/rgba + hsl/hsla? There are very few cases of hwb found from a global search.

OK, I don't think hwb is necessary hex colors + named colors + RGB, and maybe hsl as well

Bhsd removed Bhsd as the assignee of this task.May 8 2026, 6:47 PM

For CSS color parsing, I think we can have two options: one is to use the deprected jquery.ui module, and the other is to bundle an independent (lightweight) third-party package.