常见问题
Q: 为什么浏览器里渐变没显示?
为什么浏览器里渐变没显示?这个技巧需要 -webkit-background-clip: text 和 -webkit-text-fill-color: transparent,输出里都已包含——检查它们是否被 CSS 压缩工具删掉了。
Q: 渐变文字在所有浏览器都可用吗?
渐变文字在所有浏览器都可用吗?是的——Chrome、Edge、Safari、Firefox 都支持 background-clip: text。老浏览器若先设了纯色回退则显示纯色。
Q: 能用在按钮上吗?
能用在按钮上吗?可以,但按钮承载操作:建议按钮用高对比纯色文字,渐变文字留给标题和装饰性文字。
Q: 怎么加两个以上的颜色?
怎么加两个以上的颜色?编辑输出中的 linear-gradient,增加颜色停靠点,例如 linear-gradient(90deg, red, yellow, blue)。
Q: 渐变文字对 SEO 和无障碍友好吗?
渐变文字对 SEO 和无障碍友好吗?文字仍是真实的 HTML 文本,SEO 不受影响。保持高对比度,正文避免渐变文字以保证可读性。
中国传统色
中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。
胭脂 #9D2933古代妆饰与衣料的经典红色,由胭脂虫或红花制成
朱砂 #FF461F矿物颜料,故宫红墙与印章的常用色
竹青 #789262竹叶之色,文人雅士钟爱的清雅色调
月白 #D6ECF0月光般的淡蓝色,明清宫廷常服用色
藤黄 #FFB61E取自藤本植物汁液,国画重要黄色颜料
石绿 #16A951矿物孔雀石研磨而成,山水画中的绿色
墨色 #50616D书法用墨的深灰蓝色,文房四宝之色
Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。