Colord颜色代码转换工具

联合创作 · 2023-09-29 23:19

Colord 是一个小巧而强大的工具,用于高性能的色彩操作和转换。


特点:



  • 小:仅有1.7 KB

  • 快速:比 color 和 tinycolor 2 快 3 倍以上

  • 用严格的 TypeScript 编写,并且有 100% 的测试覆盖率

  • 类型化: 包含有类型

  • 可扩展: 内置的插件系统可以添加新的功能

  • 符合 CSS 标准: 严格遵循 CSS 颜色级别规范

  • 在任何地方都适用: 支持所有浏览器和 Node.js

  • 无依赖性


入门




npm i colord




import { colord } from "colord";

colord("#ff0000").grayscale().alpha(0.25).toRgbString(); // "rgba(128, 128, 128, 0.25)"
colord("rgb(192, 192, 192)").isLight(); // true
colord("hsl(0, 50%, 50%)").darken(0.25).toHex(); // "#602020"


支持的颜色模型



  • 十六进制字符串(包括 3、4 和 8 位符号)

  • RGB

  • HSL

  • HSV

  • 颜色名称

  • HWB

  • CMYK

  • LCH

  • LAB

  • XYZ

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报