## 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; } ~~~