H
S
L
R
G
B
RGBA:
HEX:

ichiColor.ex.lab.l

= 54.8952

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


R: G: B:
int: hex: ahex:
rgba:
int:16720452

A:1
R:255
G:34
B:68

H:351
S:87
V:100

H:351
S:100
L:57

H:351
W:13
B:0

H:351
W:13
B:0

ichi-color-extension



HSL255 (microsoft office)
H:248
S:255
L:145

HSL240 (windows system)
H:233
S:240
L:136

Lab (Photoshop D50)
L:56
a:78
b:42

Lab (D65)
L:54.8952
a:77.8389
b:39.8236

LCHab
L:54.8952
c:87.4347
h:27.095

XYZ
X:0.42860655950619553
Y:0.22828479131622992
Z:0.0761732675116568

xyY
x:0.5847
y:0.3114
Y:0.2283

Luv
L:54.8952
u:158.5837
v:25.0206

readonly

Rec709: 0.327
Luma_WCAG: 0.228
Wavelength: 622.3


instance object preview

 {
    "_alpha": 1,
    "_rgba": "rgba(255, 34, 68, 1)",
    "_rgb": "rgba(0, 0, 0)",
    "_r": 255,
    "_r_intPart": 16711680,
    "_r_hexChar": "ff",
    "_g": 34,
    "_g_intPart": 8704,
    "_g_hexChar": "22",
    "_b": 68,
    "_b_intPart": 68,
    "_b_hexChar": "44",
    "_rgbInt": 16720452,
    "_rgbHex": "#ff2244",
    "_argbHex": "#ff000000",
    "__use_rgb": false,
    "__freshly_rgb": false,
    "__use_rgba": true,
    "__freshly_rgba": true,
    "__use_hsv": true,
    "__freshly_hsv": true,
    "hsv": {
        "_h": 351,
        "_s": 87,
        "_v": 100
    },
    "__use_hsl": true,
    "__freshly_hsl": true,
    "hsl": {
        "_h": 351,
        "_s": 100,
        "_l": 57
    },
    "__use_hwb": true,
    "__freshly_hwb": true,
    "hwb": {
        "_h": 351,
        "_w": 13,
        "_b": 0
    },
    "ex": {
        "colorRNA": {
            "_xyz": {
                "X": 0.42860655950619553,
                "Y": 0.22828479131622992,
                "Z": 0.0761732675116568
            },
            "_gamma": -2.2,
            "_colorSpace": "sRGB",
            "_refWhiteName": "D65",
            "_refWhiteNameUSER": "",
            "_adtAlg": "Bradford",
            "_doAdapta": true,
            "_doAdaptaUSER": 0,
            "_dLV": 1,
            "_COLORSPACES": {
                "sRGB": "sRGB",
                "AdobeRGB": "AdobeRGB",
                "AppleRGB": "AppleRGB",
                "BestRGB": "BestRGB",
                "BetaRGB": "BetaRGB",
                "BruceRGB": "BruceRGB",
                "CIERGB": "CIERGB",
                "ColorMatchRGB": "ColorMatchRGB",
                "ECIRGBv2": "ECIRGBv2",
                "DonRGB4": "DonRGB4",
                "EktaSpacePS5": "EktaSpacePS5",
                "NTSCRGB": "NTSCRGB",
                "PALSECAMRGB": "PALSECAMRGB",
                "ProPhotoRGB": "ProPhotoRGB",
                "SMPTECRGB": "SMPTECRGB",
                "WideGamutRGB": "WideGamutRGB"
            },
            "_REFWHITES": {
                "A": "A",
                "B": "B",
                "C": "C",
                "D50": "D50",
                "D55": "D55",
                "D65": "D65",
                "D75": "D75",
                "E": "E",
                "F2": "F2",
                "F7": "F7",
                "F11": "F11"
            },
            "_adt_refWhite": {
                "X": 0.95047,
                "Y": 1,
                "Z": 1.08883
            },
            "_adt_refWhiteRGB": {
                "X": 0.95047,
                "Y": 1,
                "Z": 1.08883
            },
            "_adt_mtxAdaptMa": [
                [
                    0.8951,
                    -0.7502,
                    0.0389
                ],
                [
                    0.2664,
                    1.7135,
                    -0.0685
                ],
                [
                    -0.1614,
                    0.0367,
                    1.0296
                ]
            ],
            "_adt_mtxAdaptMaI": [
                [
                    0.9869929054667123,
                    0.43230526972339456,
                    -0.008528664575177328
                ],
                [
                    -0.14705425642099013,
                    0.5183602715367776,
                    0.04004282165408487
                ],
                [
                    0.15996265166373125,
                    0.0492912282128556,
                    0.9684866957875502
                ]
            ],
            "r": 255,
            "g": 34,
            "b": 68
        },
        "labPs": {
            "_l": 56,
            "_a": 78,
            "_b": 42
        },
        "lab": {
            "_l": 54.8952,
            "_a": 77.8389,
            "_b": 39.8236
        },
        "LCHab": {
            "_l": 54.8952,
            "_c": 87.4347,
            "_h": 27.095
        },
        "hsl255": {
            "_h": 248,
            "_s": 255,
            "_l": 145
        },
        "hsl240": {
            "_h": 233,
            "_s": 240,
            "_l": 136
        },
        "xyz": {
            "_x": 0.42860655950619553,
            "_y": 0.22828479131622992,
            "_z": 0.0761732675116568
        },
        "xyY": {
            "_x": 0.5847,
            "_y": 0.3114,
            "_Y": 0.2283
        },
        "luv": {
            "_l": 54.8952,
            "_u": 158.5837,
            "_v": 25.0206
        },
        "_theWavelength": "622.3",
        "_theLuma_Rec709": "0.327",
        "_theLuma_WCAG": "0.228"
    },
    "__ex_enable": true,
    "__pauseUpdate_ex_labPs": false,
    "__pauseUpdate_ex_lab": false,
    "__pauseUpdate_ex_LCHab": false,
    "__pauseUpdate_ex_hsl255": false,
    "__pauseUpdate_ex_hsl240": false,
    "__pauseUpdate_ex_xyz": false,
    "__pauseUpdate_ex_xyY": false,
    "__pauseUpdate_ex_luv": false,
    "__initialized": true,
    "__pauseUpdate": false
}


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

* 本页源码:demo.html

(C) 2017 nullice · 不知语冰