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
- Click the
+icon to the right ofFields header. - In the dropdown modal, enter the field name (Optional).
- In the dropdown, select the field type
Colour. - Use the color picker to set the default value for the field (Optional).
- Click
Save Field.

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
#FF5733orFF5733). - 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:
| Tab | What it has |
|---|---|
| Default colours | A palette of frequently used colors for quick selection. |
| Custom | A 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).
Related
Last updated on