打开很多设计感不错的网站、App,背景经常不是一块死板的纯色,而是从一个颜色慢慢过渡到另一个颜色——这就是渐变色,视觉上比纯色更有层次、更「高级」。
人眼对色彩的过渡天然比对色彩的突变更容易接受,渐变色模拟了光线自然变化的感觉(比如天空从蓝到橙的过渡),所以即使只是简单两个颜色的搭配,视觉上也会比纯色柔和、耐看。
手动写 CSS 代码调渐变角度和颜色停靠点,经常调半天效果还是不对——颜色选得太跳、角度别扭是最常见的两个问题。用渐变色生成器,拖动滑块实时看效果,比自己盲写代码调整快得多。
调好满意的效果之后,工具会直接给出对应的 CSS 代码,复制粘贴到自己的网页样式里就能用,不用再手动去查渐变语法怎么写。
下次觉得页面背景太单调,不用去找现成模板抄,自己调一个独一无二的渐变色,几秒钟的事。