@ch-ui/colors
色彩套件导出函数, 帮助生成颜色系统, 绘制弧度, 使 bézier 曲线通过 确定实验室色彩空间它使用 colorsjs.io 软件包,用于转换支持的游戏的颜色空间和输出符号.
开始
你可能更喜欢通过 @ch-ui/tokens,它显示一个更面向使用的大小写 API.
pnpm add @ch-ui/colors
然后,任意使用导出函数 。 下文举例说明.
背景情况
大部分项目要么从Tailwind的默认设置中继承颜色,要么由设计师手动选择使用的颜色。 这些方法对有些人是好的,但其他人都想要定制的调色板 财务报告和审定财务报表 也没有时间手动管理他们想要支持的每个游戏中的每一层阴影.
通过色彩空间内插
这套软件的主要解决方案基于以下几个假设:
- a. 调色板的 " 真实形式 " 与特定组别无关,它存在于感官色彩空间中;以及
- 颜色的调色板可以在从黑色开始的路径上作为点来表示,经过一个确定的"键色",以圆柱形模型以白色结束.
为了保持色度(“饱和度”/“色彩度”),使所有其他的遮光线看起来不会明显比密钥颜色更低调,密钥颜色和任意一极之间的路径应该会曲线,因此弧是两个连续的相接曲线,在密钥颜色相会.
在兼顾表达美学的同时保持连续性
程序色调板经常会碰到“芥末问题 ” : 在西方文化中,如果只减少黄色的原生阴影的光度,并在UI中使用该阴影,用户和设计者就会发现这些阴影没有吸引力。 基本上,人们喜欢避免任何游戏区.
这样,弧没有突然的不连续,并且可以作为3D空间中平滑和可分化的形状进行推理,这个软件包支持应用 躯干 沿着地轴到贝塞尔曲线 黄色调色板的弧能随着变暗而轻轻地向外转去.