颜色与 CSS 工具
设计师给你一个 HEX，代码要的是带 alpha 通道的 RGB，而错误往往就藏在中间那次复制粘贴里。
- 颜色转换器 用任何常见写法输入颜色——#1f5fd6、1f5fd6、#1f5、rgb(31, 95, 214)——其余写法会同时出现，还附带保证文字可读所需的对比度数值。
- HEX 转 RGB 粘贴 HEX 代码，读出 RGB 通道值。#1f5fd6 会变成 rgb(31, 95, 214)；如果代码带有透明通道，你会得到保留透明度的 rgba()。
- RGB 转 HEX 粘贴 rgb(31, 95, 214)——用逗号还是空格都可以——就能得到 #1f5fd6，可直接用于 CSS、设计文件或规范文档。
- 配色生成器 选一个起始颜色，工具会按色轮算出其余的颜色。点击任意色块即可复制色值，或者放入一张照片，直接从中取出配色。
- CSS 渐变生成器 拖动滑块，上方的预览会跟着变化。满意之后复制那一行，粘贴进样式表就行了，不需要别的。
- CSS 阴影生成器 拖动滑块，示例会跟着变。一层不够就叠加图层 — 真实界面里那种柔和可信的立体感就是这样做出来的。