ichiColor.{{showProperty}}

= {{showValue}}

响应式的 JavaScript 色彩计算模块示例


R: G: B:
int: hex: ahex:
rgba:
int:{{scolor1.int}}

A:{{scolor1.alpha}}
R:{{scolor1.r}}
G:{{scolor1.g}}
B:{{scolor1.b}}

H:{{scolor1.hsv.h}}
S:{{scolor1.hsv.s}}
V:{{scolor1.hsv.v}}

H:{{scolor1.hsl.h}}
S:{{scolor1.hsl.s}}
L:{{scolor1.hsl.l}}

H:{{scolor1.hwb.h}}
W:{{scolor1.hwb.w}}
B:{{scolor1.hwb.b}}

H:{{scolor1.hwb.h}}
W:{{scolor1.hwb.w}}
B:{{scolor1.hwb.b}}

ichi-color-extension



HSL255 (microsoft office)
H:{{scolor1.ex.hsl255.h}}
S:{{scolor1.ex.hsl255.s}}
L:{{scolor1.ex.hsl255.l}}

HSL240 (windows system)
H:{{scolor1.ex.hsl240.h}}
S:{{scolor1.ex.hsl240.s}}
L:{{scolor1.ex.hsl240.l}}

Lab (Photoshop D50)
L:{{scolor1.ex.labPs.l}}
a:{{scolor1.ex.labPs.a}}
b:{{scolor1.ex.labPs.b}}

Lab (D65)
L:{{scolor1.ex.lab.l}}
a:{{scolor1.ex.lab.a}}
b:{{scolor1.ex.lab.b}}

LCHab
L:{{scolor1.ex.LCHab.l}}
c:{{scolor1.ex.LCHab.c}}
h:{{scolor1.ex.LCHab.h}}

XYZ
X:{{scolor1.ex.xyz.x}}
Y:{{scolor1.ex.xyz.y}}
Z:{{scolor1.ex.xyz.z}}

xyY
x:{{scolor1.ex.xyY.x}}
y:{{scolor1.ex.xyY.y}}
Y:{{scolor1.ex.xyY.Y}}

Luv
L:{{scolor1.ex.luv.l}}
u:{{scolor1.ex.luv.u}}
v:{{scolor1.ex.luv.v}}

readonly

Rec709: {{scolor1.ex.theLuma_Rec709}}
Luma_WCAG: {{scolor1.ex.theLuma_WCAG}}
Wavelength: {{scolor1.ex.theWavelength}}


instance object preview

 {{scolor1|json 4}}


* 本页面上悬浮的色彩选择器是从 Photoshop 扩展 UI-DNA 中分离出来的,由于原本是用于嵌入式的 CEF 环境中的,对于不同浏览器兼容性不佳。

* 本页源码:demo.html

(C) 2017 nullice · 不知语冰