Mac app

If you're using the Mac app, you can change the color format from the menu up top: Project > Color Representation

☝️This option affects how colors are shown in the interface (e.g. in the right panel), but it doesn’t alter how code snippets are generated.

Here are the supported formats:

1. Automatic: Colors are formatted according to the project type.

  • For Web projects, RGBA if color has an alpha value lower than 1, Hex (RGB) otherwise.
  • For iOS and macOS projects, the colors are shown in RGBA.
  • For Android projects, the colors are shown in Hex (ARGB).

2. RGBA: rgb 238 103 35, 0.5
3. Hex (RGB, A): #ee67237f
4. Hex (ARGB): #7fee6723 

Web and Windows apps

It's currently only possible to change the color format of the code output Web projects. You can do so from the right panel, CSS menu:

The options are:

  1. Default: RGB if color has an alpha value lower than 1, HEX otherwise.
  2. HEX: CSS Hex color notation. e.g. #ee67237f 
  3. RGB: CSS rgb color function. e.g. rgba(238, 103, 35, 0.5) 
  4. HSL: CSS hsl color function. e.g. hsla(20, 86%, 54%, 0.5) 

Did this answer your question?