Свойство **colors** задает количество тонов в цветовой палитре.

Например,

```javascript _run_line_edit_loadoda_[my-component.js]_h=260_
import '/components/colors/palette/palette.js';
ODA({
    is: 'my-component',
    template: `
        <label>Количество тонов: <input type="number" ::value="colors" ></label>
        <oda-palette :colors></oda-palette>
    `,
    props: {
        colors: 10,
    }
});
```

По умолчанию в палитре задано 10 тонов. Один столбец добавляется отдельно и содержит световую градацию ахроматического (серого) тона. Этот тон в общем количестве тонов, заданных свойством **colors**, не учитывается.

При изменении количества тонов цветовая палитра в 360 градусов равномерно разбиваться на заданное в этом свойстве количество интервалов, а каждый полученный тон цвета выводится отдельно в столбцах палитры с учетом его светловой градации.
