HEX RGB颜色处理方法?

时间:2012-04-22 07:39:51

标签: language-agnostic colors hex rgb

以下是我的情况:

我有一个由100个颜色变量组成的文件(在HEX值中设置,如#FFFFFF) - 让我们考虑主题

现在我想做的是:

  • 将相同的属性集应用于所有变量并相应地更改
  • e.g。反转所有颜色(将#FFFFFF转为#000000,依此类推......)

我想知道的是:

  • HEX RGB操作的方法/公式是否已经可用?
  • 你能指点我(尽可能多)完整的操作清单吗? (变暗,变亮,变换,反转,无论如何 - 越多越好)

2 个答案:

答案 0 :(得分:3)

让我们先做问题2:

颜色操作列表

我认为你最好的选择是在网页上搜索“颜色操作库”,而不关心操作系统/平台/应用程序/工具显示的内容 - 只需检查文档中API暴露的内容即可。这是我发现的:

  • Color manipulation in Sass

    • 调整-色调
    • 饱和
    • 去色
    • 变亮
    • 变暗
    • 灰度
    • 补体
    • 混合(有趣!就像混合油漆颜色)
    • 变得不透明
    • 淡入
    • 淡出
    • 透明化
  • Ruby color tools

    (上面的一些,加上......)

    • adjust_brightness
    • adjust_hue
    • adjust_saturation
    • darken_by
    • lighten_by
  • Color, Javascript color library

    (再次,忽略上面的内容......)

    • 更明确
    • 不透明剂
    • 旋转(即旋转通过色彩空间,我认为)
  • Grapefruit, Python color library

    令人讨厌的是,他们的文档可以是downloaded,但不是在线托管。

    • ColorWithAlpha
    • ColorWithWhiteRef
    • ColorWithHue
    • ColorWithSaturation
    • ColorWithLightness
    • WebSafeDither

这是开始时的一小部分操作。 找不到Objective-C,抱歉。

这些操作的公式

坏消息:找不到一个只有一张漂亮的公式作弊的地方。

好消息:上面几乎所有这些库都是开源的。我相信你可以偷看并弄清楚ColorWithWhiteRef实际上是如何运作的。

祝你好运!

答案 1 :(得分:1)

如果您正在寻找一个javascript库,xolor library有很多颜色转换和组合:

两种颜色的组合:

  • blend - 将一种颜色覆盖在另一种颜色上,而第一种颜色具有不透明度
  • combine - 将两种颜色与XOR
  • 组合
  • 添加 - 两种颜色的添加剂混合
  • 减法 - 两种颜色的减法混合
  • 减法 - 两种颜色的减法(与减法,非标准颜色函数不同)
  • 乘法 - 两种颜色的乘法混合
  • 平均值 - 两种颜色之间的平均值
  • 渐变 - 沿两种颜色之间的渐变返回颜色

相关颜色:

  • 亮度 - 返回或更改亮度级别
  • 饱和度 - 返回或更改饱和度
  • hue - 返回或更改色调
  • 发光度 - 返回WCAG光度
  • 棕褐色滤镜
  • greyFilter - 将颜色更改为灰度版本

相关颜色列表:

  • 三联
  • 四分
  • 拆分补充
  • 单色
  • 类似
  • schemeByDegrees - 通过传入任何色调角度增量numbmer的数组,创建一组任意数量的颜色

其它

  • 距离 - 获得
  • 对比 - 获得两种颜色之间的WCAG对比度