非常教程

PostCSS 参考手册

PostCSS插件

颜色

颜色

  • postcss-ase-colors 使用从ASE调色板文件读取的值替换颜色名称。
  • postcss-brand-colorsbrand-colors模块中插入公司品牌颜色。
  • postcss-color-alpha转变#hex.ablack(alpha)以及white(alpha)rgba()
  • postcss-color-hcl转换hcl(H, C, L)hcl(H, C, L, alpha)#rgbrgba()
  • postcss-color-hexa转换hexa(hex, alpha)rgba格式。
  • postcss-color-mix 将两种颜色混合在一起。
  • postcss-color-palette 将CSS 2颜色关键字转换为自定义调色板。
  • postcss-color-pantone 将pantone颜色转换为RGB。
  • postcss-color-scale添加色标cs()功能。
  • postcss-color-short 添加速记颜色声明。
  • postcss-color-yiq 使用YIQ颜色空间设置前景色。
  • postcss-colorblind 使用滤镜转换颜色以模拟色盲。
  • postcss-contrast 检查背景颜色并给出白色或黑色。
  • postcss-hexrgba添加速记十六进制rgba(hex, alpha)方法。
  • postcss-rgb-plz将3或6位十六进制值转换为rgb
  • postcss-rgba-hexrgba值转换为hex类似物。
  • postcss-shades-of-gray 有助于保持灰度色调与灰色调色板一致。
  • colorguard 有助于保持一致的调色板。
  • postcss-get-color 从图像中获取突出的颜色。
  • postcss-randomcolor 支持使用随机颜色的功能。
PostCSS

PostCSS 是一个利用 JS 插件来对 CSS 进行转换的工具

PostCSS 目录

1.快速上手
2.PostCSS插件指南
3.PostCSS runner指南
4.编写自定义语法
5.PostCSS插件
6.PostCSS和源地图