## Color 色彩 > UCT得出一套专有的调色板，在各个组件内部，使用统一的配色，为您的产品带来统一又鲜明的视觉效果。 ### 平台差异说明 | App | H5 | 微信小程序 | | --- | --- | --- | | √ | √ | √ | ### 主题色 `primary`，`success`，`error`，`warning`，`info`是uView的主题色，他们给人在视觉感受上分别对应于蓝色，绿色，红色，黄色，灰色。 ### 主色 我们在全局样式中，通过`scss`提供了对应的颜色变量名，方便您在任何可写css的地方，调用这些变量，如下： ~~~ /* 变量的定义，该部分UCT已全局引入，无需您编写 */ $uct-black: black; $uct-white:#fff; $uct-gray: #bbbbbb; $uct-dark: #777777; $uct-blue: #1464C7; $uct-skyblue: #4E92E7; $uct-green: #01b601; $uct-red: #FF0000; $uct-orange: #F79347; $uct-yellow:#FFBF2B; /* 在您编写css的地方使用这些变量 */ .title { color: $uct-cbase; ...... } ~~~ ### 文字颜色、背景颜色、边框颜色 推荐：UCT已通过`scss`生成了css样式，可直接在标题内使用class： ~~~ /* 字体基础色 */ <view class="c-cbase"></view> /* 背景红色 */ <view class="bc-bgc"></view> /* 边框红色 */ <view class="bs-1-brc"></view> ~~~ 或者： ~~~ /* 在您编写css的地方使用这些变量 */ .title { color:$uct-cbase; background-color:$uct-bgc; border:$uct-brc; } ~~~