Tile 卡片完全指南：功能列、state_content、命名與顏色的實際行為

charles · 發表於 2026-9-21 13:00:01

這篇的內容（19 段）

一張 Tile 卡片由五個部分組成
圖示的圓形背景代表什麼
燈：亮度
燈：亮度 + 色溫 + 常用顏色
冷氣：模式 + 溫度
媒體播放器
步驟 3：把圖表放進 Tile
橫條量表
區域控制
功能列的位置
關於圖示右上角那個小徽章
步驟 5：名稱可以組合
步驟 6：點擊動作
客廳的燈
大門（只顯示、不能點）
場景按鈕
一排小按鈕
感測器帶趨勢圖
步驟 8：什麼時候不要用 Tile

Tile 是現在 Home Assistant 的預設卡片，也是 Sections 版面最該用的一張。它的功能比大多數人用到的多很多 —— 底部那一排控制項就有四十幾種。

這篇把真正用得到的部分整理成可以直接抄的設定，並且指出三個設了沒反應也不報錯的地方。

一張 Tile 卡片由五個部分組成

圖示（左邊）—— 有圓形背景代表點下去會有動作
名稱
狀態（名稱下面那一行）
徽章（圖示右上角的小圓點）—— 系統自動加的，下面會說明
功能列（底部，例如亮度滑桿）

最基本的寫法：

type: tile
entity: light.living_room

複製代碼

就這樣，其他全部有預設值。

圖示的圓形背景代表什麼

這是一個很多人沒注意到、但每天都在用的設計：

圖示有圓形背景 → 點它會有動作（多半是開關）
圖示沒有背景 → 只是顯示，點了不會怎樣

所以家人看到圓形背景就知道「這裡可以按」。不要為了好看去改掉它。

步驟 1：先搞懂顏色的實際行為

type: tile
entity: light.living_room
color: amber

複製代碼

不寫 color 的話，顏色是依「狀態 + 網域 + 裝置類別」自動決定的：燈開著是黃色、門開著是紅色、溫度依數值。這個預設通常就是對的。

可用的顏色代號：primary、accent、red、pink、purple、deep-purple、indigo、blue、light-blue、cyan、teal、green、light-green、lime、yellow、amber、orange、deep-orange、brown、grey、blue-grey、black、white、disabled，或者任何一個 hex 色碼（例如 `#93c47d`）。

第一個會讓你以為壞掉的行為：

自己指定的顏色只在實體「啟用」的時候才套用。 燈關著的時候不管你寫 `color: amber` 還是 `color: red`，圖示都是灰的。

怎麼證明：把那顆燈打開，顏色立刻出現。這是刻意的設計 —— 不然一整片關著的燈全是彩色的，你就分不出哪個開著。

第二個會讓你以為壞掉的行為：

color 不吃範本。 網路上有人會教你寫：

color: >
{% if states('sensor.temp') | float > 29 %}red{% else %}green{% endif %}

複製代碼

這是無效的。 Tile 卡片的 color 只認顏色代號和 hex 色碼，它不會去算 Jinja 範本。貼進去的結果是那一整段字串被當成一個不認得的顏色名稱 —— 不報錯，也不上色。

這是 Tile 的邊界：它是一張官方卡片，官方卡片一律不支援範本。真的要「依數值上色」，路只有兩條：接受內建的自動配色（溫度本來就會依數值變色），或者改用自訂卡片。

燈有一個額外的好處：支援 RGB 的彩色燈，圖示會直接顯示燈現在的實際顏色，不用設定。

步驟 2：功能列 —— 這是 Tile 最強的部分

功能列是卡片底部那一排控制項。在 UI 上的路徑是：編輯卡片 → 功能區段 → 新增功能。

選單裡出現哪些功能，取決於那顆實體支援什麼。所以你的冷氣卡片沒有「擺葉方向」的選項，不是 HA 壞了，是那台冷氣沒回報這個能力。

燈：亮度

type: tile
entity: light.living_room
features:
- type: light-brightness

複製代碼

燈：亮度 + 色溫 + 常用顏色

features:
- type: light-brightness
- type: light-color-temp
- type: light-color-favorites

複製代碼

以下還有約 80% 的內容
登入後即可閱讀完整教學

登入繼續閱讀使用 Google 登入

		自動登入	找回密碼
密碼			立即註冊

Tile 卡片完全指南：功能列、state_content、命名與顏色的實際行為

延伸閱讀

瀏覽過的版塊