
HTML&CSS例
#89a924前景
蓼食う虫も好き好き。
<p style="color: #89a924">…</p>
#89a924背景
起死回生。
<p style="background-color: #89a924">…</p>
#89a924テキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #89a924">…</p>
色空間変換
- 十進
- 9021732
- 二進法
- 10001001, 10101001, 00100100
- 十六進法
- #89a924
- LRV
- ≈ 33.8%
- 最も近い短い16進数
- #8a2 ΔE = 0.445
- RGB
- rgb(137, 169, 36)
- RGBA
- rgba(137, 169, 36, 1.0)
- rg色度
- r: 0.401, g: 0.494, b: 0.105
- RYB
- 赤色: 14.118%, 黄色: 66.275%, 青色: 26.667%
- Android/android.graphics.Color
- -7755484/0xff89a924
- HSL
- hsl(74, 65%, 40%)
- HSLA
- hsla(74, 65%, 40%, 1.0)
- HSV/HSB
- 色相: 74° (74.436), 飽和: 79% (0.787), 値: 66% (0.663)
- HSP
- 色相: 74.436, 飽和: 78.698%, 知覚される明るさ: 58.856%
- HSLuv(HUSL)
- H: 102.488, S: 93.848, L: 64.821
- Cubehelix
- H: -290.775, S: 0.893, L: 0.568
- TSL
- T: 0.872, S: 0.234, L: 0.566
- CMYK
- シアン色: 19% (0.189), マゼンタ色: 0% (0.000), 黄色: 79% (0.787), キー・プレート: 34% (0.337)
- CMY
- シアン色: 46% (0.463), マゼンタ色: 34% (0.337), 黄色: 86% (0.859)
- XYZ
- X: 24.823, Y: 33.822, Z: 6.889
- xyY
- x: 0.379, y: 0.516, Y: 33.822
- Lab色空間
- L: 64.821, a: -28.762, b: 59.651
- CIELuv
- L: 64.821, u: -15.358, v: 69.343
- CIELCH/LCHab
- L: 64.821, C: 66.223, H: 115.742
- CIELUV/LCHuv
- L: 64.821, C: 71.024, H: 102.488
- Hunter-Lab
- L: 58.156, a: -25.583, b: 33.686
- CIECAM02
- J: 54.581, C: 60.013, h: 117.687, Q: 145.556, M: 52.481, s: 60.046, H: 145.930
- OSA-UCS
- 明度: -9.707, 黄色: 8.290, 緑色: 4.328
- LMS
- L: 31.601, M: 39.988, S: 7.309
- YCbCr
- Y: 139.913, Cb: 74.349, Cr: 123.395
- YCgCo
- Y: 127.750, Cg: 41.250, Co: 59.500
- YDbDr
- Y: 144.270, Db: -162.889, Dr: 13.795
- YPbPr
- Y: 152.608, Pb: -62.820, Pr: -9.882
- xvYCC
- Y: 147.063, Cb: 72.817, Cr: 119.319
- YIQ
- Y: 144.270, I: 23.665, Q: -48.148
- YUV
- Y: 144.270, U: -53.278, V: -6.379
- マンセルカラーシステム
- 7.5GY 6/12 ΔE = 4.745
- ブランドカラー
- Zendesk ΔE = 3.566