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 outputs for 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?