🔤 一个工具箱,
完成所有设计任务

文字阴影生成器

设计多层文字阴影,实时预览。调整偏移、模糊、颜色和不透明度,一键复制 CSS。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🔤 文字阴影生成器

文字阴影指南

文字阴影为标题和主视觉文字增添深度与强调感。通过在原文后方偏移放置一层模糊的文字副本,你能创造出立体、悬浮的效果,提升文字在复杂背景上的可读性。

调整水平与垂直偏移、模糊半径、阴影颜色、不透明度、文字颜色和字号。Canvas 预览会精确渲染浏览器将显示的效果,生成的 CSS 可直接粘贴到你的样式表。

专业提示

常见问题

Q: text-shadow 和 box-shadow 有什么区别?
text-shadow 和 box-shadow 有什么区别?text-shadow 作用于文字的笔画字形,box-shadow 作用于元素的矩形盒子。text-shadow 不支持扩散(spread)参数。
Q: 可以添加多个文字阴影吗?
可以添加多个文字阴影吗?可以。在同一条声明中用逗号分隔每个阴影,例如 text-shadow: 2px 2px 4px rgba(0,0,0,.5), 6px 6px 12px rgba(0,0,0,.25);
Q: 为什么我的文字阴影看起来很模糊?
为什么我的文字阴影看起来很模糊?检查模糊值——超过 20px 就会变得非常弥散。同时确保阴影颜色与背景有足够的对比度。
Q: text-shadow 影响性能吗?
text-shadow 影响性能吗?影响极小。少量 text-shadow 的开销可以忽略,即使在移动设备上也是如此。
Q: 能用 text-shadow 做霓虹发光效果吗?
能用 text-shadow 做霓虹发光效果吗?可以。把偏移设为 0 0,使用完全不透明的亮色,并把模糊加大到 15-30px。叠加多种颜色能获得更强的光晕。

中国传统色

中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。

胭脂 #9D2933

古代妆饰与衣料的经典红色,由胭脂虫或红花制成

朱砂 #FF461F

矿物颜料,故宫红墙与印章的常用色

黛蓝 #425066

古代女子画眉之色,沉稳内敛

竹青 #789262

竹叶之色,文人雅士钟爱的清雅色调

月白 #D6ECF0

月光般的淡蓝色,明清宫廷常服用色

藤黄 #FFB61E

取自藤本植物汁液,国画重要黄色颜料

藕荷 #E4C6D0

藕色与荷色的结合,温婉柔美

秋香 #D9B611

秋日桂花的黄绿色,明代流行色

石绿 #16A951

矿物孔雀石研磨而成,山水画中的绿色

墨色 #50616D

书法用墨的深灰蓝色,文房四宝之色

Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。