
HTML&CSS例
#537626前景
自業自得。
<p style="color: #537626">…</p>
#537626背景
十人十色。
<p style="background-color: #537626">…</p>
#537626テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #537626">…</p>
色空間変換
- 十進
- 5469734
- 二進法
- 01010011, 01110110, 00100110
- 十六進法
- #537626
- LRV
- ≈ 14.9%
- 最も近い短い16進数
- #572 ΔE = 1.009
- RGB
- rgb(83, 118, 38)
- RGBA
- rgba(83, 118, 38, 1.0)
- rg色度
- r: 0.347, g: 0.494, b: 0.159
- RYB
- 赤色: 14.902%, 黄色: 46.275%, 青色: 28.627%
- Android/android.graphics.Color
- -11307482/0xff537626
- HSL
- hsl(86, 51%, 31%)
- HSLA
- hsla(86, 51%, 31%, 1.0)
- HSV/HSB
- 色相: 86° (86.250), 飽和: 68% (0.678), 値: 46% (0.463)
- HSP
- 色相: 86.250, 飽和: 67.797%, 知覚される明るさ: 39.988%
- HSLuv(HUSL)
- H: 111.174, S: 84.899, L: 45.546
- Cubehelix
- H: -279.716, S: 0.542, L: 0.387
- TSL
- T: 0.386, S: 0.216, L: 0.386
- CMYK
- シアン色: 30% (0.297), マゼンタ色: 0% (0.000), 黄色: 68% (0.678), キー・プレート: 54% (0.537)
- CMY
- シアン色: 67% (0.675), マゼンタ色: 54% (0.537), 黄色: 85% (0.851)
- XYZ
- X: 10.395, Y: 14.936, Z: 4.168
- xyY
- x: 0.352, y: 0.506, Y: 14.936
- Lab色空間
- L: 45.546, a: -26.169, b: 38.707
- CIELuv
- L: 45.546, u: -17.435, v: 45.010
- CIELCH/LCHab
- L: 45.546, C: 46.723, H: 124.062
- CIELUV/LCHuv
- L: 45.546, C: 48.269, H: 111.174
- Hunter-Lab
- L: 38.647, a: -19.617, b: 20.657
- CIECAM02
- J: 34.652, C: 44.547, h: 124.897, Q: 115.977, M: 38.956, s: 57.956, H: 155.886
- OSA-UCS
- 明度: -9.722, 黄色: 5.590, 緑色: 3.795
- LMS
- L: 13.357, M: 18.064, S: 4.334
- YCbCr
- Y: 100.527, Cb: 98.060, Cr: 118.315
- YCgCo
- Y: 89.250, Cg: 28.750, Co: 32.000
- YDbDr
- Y: 98.415, Db: -90.890, Dr: 29.295
- YPbPr
- Y: 104.785, Pb: -35.975, Pr: -13.820
- xvYCC
- Y: 105.992, Cb: 96.398, Cr: 115.860
- YIQ
- Y: 98.415, I: 4.851, Q: -32.292
- YUV
- Y: 98.415, U: -29.729, V: -13.524
- マンセルカラーシステム
- 7.5GY 5/8 ΔE = 4.980
- ブランドカラー
- Envato ΔE = 4.581