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

zxcbcv

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

最佳答案

月排行榜 / 总排行榜

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>

跳转到最佳答案楼层

kogawananari

自己只能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

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

学习学习

奋斗者4

感谢分享！学习了

心驰神往

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

？

小郭啊

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