Colour

Use the Colour field to store and show color values as hex codes (for example #FF5733). Each cell shows a color swatch next to a hex input that you can edit. This helps you to see and change colors quickly. A built-in color picker with default and custom color palettes lets you select a color quickly.

Create a colour field

  1. Click the + icon to the right of Fields header.
  2. In the dropdown modal, enter the field name (Optional).
  3. In the dropdown, select the field type Colour.
  4. Use the color picker to set the default value for the field (Optional).
  5. Click Save Field.

image

Cell display

Each cell shows a color swatch on the left and the hex value on the right. Click the swatch to open the color picker. You can also edit the hex value directly in the text input.

Setting value for the field

To set a value, do one of these:

  • Click the color swatch to open the color picker. Then select a color.
  • Type a hex value directly into the text input (for example #FF5733 or FF5733).
  • Paste a hex value into the text input.

Unsetting value for the field

To remove the value, do one of these:

  • Clear the text input.
  • Press Delete.

Colour picker

The color picker has two tabs:

TabWhat it has
Default coloursA palette of frequently used colors for quick selection.
CustomA full color wheel with hue, saturation and brightness controls. It also has a hex input to enter an exact color.

To save the selected color, press Enter. To cancel, press Escape.

Filtering

You can filter Colour fields with text filters on the hex value. The filter input shows a color swatch preview next to the text input.

Availability

  • The Colour field is available on NocoDB Cloud (Plus plan and above) and licensed self-hosted deployments (Business plan and above).

Last updated on

Latest product updates?See Changelog
Stay in the loop? Follow us onLinkedInLinkedInYouTubeYouTubeXX