html - 文本色调的 CSS 等价物

标签 html css rgba tint

我正在尝试将文件从 Adob​​e InDesign 导出为基本的 HTML + CSS。

用户可以选择一些文本并更改文本颜色。使用 InDesign SDK,我可以获取该颜色的 RGB 值,并在 CSS 文件中声明 color: rgb(R,G,B),效果非常好。

您还可以更改文本色调值。到目前为止,我只是获取色调值,将其转换为 0-1 范围,并在 CSS 中放置一个条目作为 color: rgba(R,G,B,Tint)

在测试过程中,我意识到 tint = 0 实际上应该表示白色文本,但它没有显示在 HTML 上,因为 A(在 RGBA 中)= 0 表示透明!!!

有人知道如何在 CSS 中处理色调值吗?

最佳答案

CSS 中没有色调、色调、饱和度或亮度。您应该将这些属性“构建”到您的 RGB 颜色中。要在 RGB 上应用色调,请使用此表达式:

当R、G、B取值0..255时,tint取值0..1

new R = tint*R + (1-tint)*255;
new G = tint*G + (1-tint)*255;
new B = tint*B + (1-tint)*255;

色调是您的颜色和白色的凸组合。参见 Wikipedia .

关于html - 文本色调的 CSS 等价物,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16464485/

相关文章:

javascript - 用户使用 Javascript 输入动态表

html - 不确定如何设置背景图像中图像的正确路径

html - 无法基于 Bootstraps sticky footer for mobile 创建粘性页脚

jquery - 有没有办法在没有 jquery.color 的情况下为 rgba 背景的 alpha 设置动画?

html - 表格单元格属性忽略宽度

html - CSS 工具提示被垂直滚动条截断。

javascript - 读取拖放文件

javascript 动态文本区域和 nicedit

html - 将 RGBA 转换为 HEX

javascript - 那里有任何 JS polyfill 会采用 RGBA 等属性并将它们转换为粗略的 IE 等价物吗?