[已解决]web前端小白的提问

zxcbcv

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

最佳答案

月排行榜 / 总排行榜

kogawananari

2020-11-14 10:39:32

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

这里以stylus为例
全局主题变量：palette.styl

1. $accentColor = #dc3434

复制代码

混入

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

复制代码

跳转到最佳答案楼层

kogawananari

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

这里以stylus为例
全局主题变量：palette.styl

1. $accentColor = #dc3434

复制代码

混入

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

复制代码

zxcbcv

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

学习学习

奋斗者4

感谢分享！学习了

心驰神往

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

？

小郭啊

练习时候可以用取色器配合着使用，这样符合你现阶段的需求