CSS 文字陰影產生器：即時預覽與多層效果

調整最多四層 text-shadow，以自己的文字比較原文、光暈與復古效果，在本機複製 CSS，不上傳或儲存文字。

正在啟用本機編輯器…

02 / 圖層

精準調整每一層

1 / 4

第一層畫在最上方；順序是堆疊關係，不是濾鏡的依序運算。

編輯第 1 層啟用這層陰影

選色陰影 HEX 色彩

水平位移（px）

垂直位移（px）

模糊半徑（px）

不透明度（0–1）

最多四層、位移 ±100px、模糊 0–100px。這是編輯器範圍，不是 CSS 規範上限。

03 / 即時預覽

預覽文字

7 / 200 個 UTF-16 單位（部分 emoji 佔兩單位）。超長時不截斷，只停用預覽。

文字 HEX背景 HEX字級（px）

原文 · 無陰影

讓文字更有層次

效果 · 1 層啟用

讓文字更有層次

原文與效果使用相同文字、字級及配色，不縮放文字；可捲動檢視。預覽設定不包含於輸出。

系統強制色彩模式可能移除文字陰影；這裡尊重系統的可讀性設定。

04 / CSS

text-shadow:
  0px 2px 4px rgba(24, 32, 42, 0.35);

只輸出 text-shadow；文字、字級及配色不會一起複製。陰影不保證對比合格，請在實際元件檢查字體、換行與裁切。檢查純色對比 →

設定只留在此頁記憶體，不上傳、不儲存、不寫入網址。

選擇預設與圖層，調整位移、模糊、HEX 色彩與不透明度。啟用、刪除或重排圖層，以自己的文字比較原文與效果，再複製 text-shadow 宣告；預覽文字、配色與字級不包含於輸出。

本工具使用成熟的 px 文字陰影語法，不處理盒形陰影、drop-shadow()、任意 CSS 匯入、文字描邊或草案 spread／inset 擴充。陰影不保證對比合格，也不預留排版空間；請檢查實際字體、換行、裁切與強制色彩。