zxcbcv 发表于 2020-11-14 10:25:51

web前端小白的提问

练习时发现 文字颜色和背景颜色很难和找到的习题设置成一样的 调色非常的累想问下 工作的时候也是自己调颜色么

kogawananari 发表于 2020-11-14 10:39:32

自己只能ps用习惯取色 或者截图看RGB
工作的时候 定义主题变量 这个是UI设计师和你对接完成
然后用scss sass stylus less 其中的一个 混入变量 上滤镜 再编译为css

这里以stylus为例
全局主题变量:palette.styl
$accentColor = #dc3434

混入
<style lang="stylus">
.popover
position fixed
top 5%
left calc(50% - 4.375rem)
width 100px
background-color lighten($accentColor, 86%)
padding 0 1.25rem 0
border-radius 4px
overflow hidden
box-shadow 0 1px 5px rgba(0, 0, 0, 0.4)
z-index 9999
</style>

zxcbcv 发表于 2020-11-14 10:47:25

kogawananari 发表于 2020-11-14 10:39
自己只能ps用习惯取色 或者截图看RGB
工作的时候 定义主题变量 这个是UI设计师和你对接完成
然后用scss...

学习学习

奋斗者4 发表于 2020-11-17 15:56:38

感谢分享!学习了

心驰神往 发表于 2020-11-28 09:59:36

奋斗者4 发表于 2020-11-17 15:56
感谢分享!学习了

小郭啊 发表于 2020-12-7 23:05:55

练习时候可以用取色器配合着使用,这样符合你现阶段的需求
页: [1]
查看完整版本: web前端小白的提问