---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: MA/zaui/foundation/Colors
title: Colors
---
## Bảng màu cơ bản

Đây là 10 màu cơ bản trong ZaUI Components và các màu phái sinh.


  
  
  
  
  
  
  
  
  
  


## Bảng màu trung tính




## Programmatic Usage

```sh
npm install zaui-tokens
```

### CSS

```css
@import "zaui-tokens/variables.css";

.text-primary {
  color: var(--colors-blue-primary);
}
```

### JavaScript

```sh
npm install zaui-tokens
```

```js
import { colors } from "zaui-tokens";

console.log(colors.blue);
console.log(colors.blue.primary);
console.log(colors.blue.DEFAULT);
```

### Tailwind

```js
const config = require("zaui-tokens/tailwind.config.json");

// file: tailwind.config.js

module.exports = {
  theme: {
    extend: {
      colors: config.colors
    }
  }
};
```