Best forColor codes
ResultSwatch and conversions
InternetNot required

What Color Preview does

ActionClip parses the complete selection as a color instead of searching inside unrelated text. Its leading chip combines a true color swatch with the selected or configured notation, and its result lists the equivalent HEX, RGB, HSL, HSV/HSB, HWB, OKLCH, and CMYK values.

How to use it

  1. Select one complete color value, such as #7C3AED or rgb(124, 58, 237).
  2. Choose the leading Color Preview chip.
  3. Review the swatch and copy the color notation you need from the local result.

Example

Selected color

#7C3AED

Examples

rgb(124, 58, 237) hsl(262.1, 83.3%, 57.8%) oklch(55.8% 0.252 293.1)

Settings

Open the action's settings from:

ActionClip Settings → Actions → Auto Suggestions → Color Preview → gear

Display format

Choose the notation shown beside the swatch in the leading widget chip.

  • Selected format
  • HEX
  • RGB
  • HSL
  • HSV / HSB
  • HWB
  • OKLCH
  • CMYK

Display

Choose how this action appears in the floating widget. This changes only its presentation, not what it does.

  • Icon with Label
  • Icon only
  • Label only

Changes are saved automatically.

You can also replace this action's icon from ActionClip → Actions. See change an action icon.

When ActionClip suggests it

Color Preview has first priority when the entire selection is one supported color value. It does not trigger for a color code embedded in unrelated prose.

Enabled actions remain available in your Actions list even when Smart Suggestions do not promote them for the current selection.

Requirements and privacy

  • Works locally and does not require Online Actions.
  • The complete trimmed selection must use a supported color notation.
  • The selected display format changes only the compact chip; the result continues to show all supported conversions.
Currency Currency recognizes one amount and chooses your primary or secondary conversion target. Units Units recognizes a supported measurement and converts it to a useful counterpart, including CSS px, pt, and em values. Copy Copy sends the current selection to the Mac clipboard without changing the source text.
Back to all built-in actions