/* 各種顏色格式範例 */
.color-examples {
  /* 顏色名稱 */
  color: red;
  background-color: lightblue;
  border-color: green;
  
  /* 十六進制 */
  color: #ff0000;        /* 紅色 */
  color: #3498db;        /* 藍色 */
  color: #2ecc71;        /* 綠色 */
  color: #333;           /* 深灰色 */
  color: #f1c40f;        /* 黃色 */
  
  /* RGB */
  color: rgb(255, 0, 0);           /* 紅色 */
  color: rgb(52, 152, 219);        /* 藍色 */
  background-color: rgb(46, 204, 113);  /* 綠色背景 */
  
  /* RGBA（含透明度） */
  background-color: rgba(52, 152, 219, 0.8);  /* 80% 透明度藍色 */
  color: rgba(0, 0, 0, 0.7);                  /* 70% 透明度黑色 */
}

實用顏色組合
css

.primary-button {
  background-color: #3498db;
  color: white;
  border: 2px solid #3498db;
}

html

<button class="primary-button">主要按鈕</button>