
HTML&CSS例
#12b077前景
起死回生。
<p style="color: #12b077">…</p>
#12b077背景
蛙の子は蛙。
<p style="background-color: #12b077">…</p>
#12b077テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #12b077">…</p>
色空間変換
- 十進
- 1224823
- 二進法
- 00010010, 10110000, 01110111
- 十六進法
- #12b077
- LRV
- ≈ 32.5%
- 最も近い短い16進数
- #2a7 ΔE = 2.258
- RGB
- rgb(18, 176, 119)
- RGBA
- rgba(18, 176, 119, 1.0)
- rg色度
- r: 0.058, g: 0.562, b: 0.380
- RYB
- 赤色: 7.059%, 黄色: 44.857%, 青色: 69.020%
- Android/android.graphics.Color
- -15552393/0xff12b077
- HSL
- hsl(158, 81%, 38%)
- HSLA
- hsla(158, 81%, 38%, 1.0)
- HSV/HSB
- 色相: 158° (158.354), 飽和: 90% (0.898), 値: 69% (0.690)
- HSP
- 色相: 158.354, 飽和: 89.773%, 知覚される明るさ: 55.312%
- HSLuv(HUSL)
- H: 147.983, S: 97.997, L: 63.761
- Cubehelix
- H: -211.648, S: 0.922, L: 0.480
- TSL
- T: -1.129, S: 0.481, L: 0.479
- CMYK
- シアン色: 90% (0.898), マゼンタ色: 0% (0.000), 黄色: 32% (0.324), キー・プレート: 31% (0.310)
- CMY
- シアン色: 93% (0.929), マゼンタ色: 31% (0.310), 黄色: 53% (0.533)
- XYZ
- X: 19.102, Y: 32.509, Z: 22.717
- xyY
- x: 0.257, y: 0.437, Y: 32.509
- Lab色空間
- L: 63.761, a: -50.920, b: 18.898
- CIELuv
- L: 63.761, u: -53.817, v: 33.651
- CIELCH/LCHab
- L: 63.761, C: 54.314, H: 159.638
- CIELUV/LCHuv
- L: 63.761, C: 63.472, H: 147.983
- Hunter-Lab
- L: 57.016, a: -39.975, b: 16.288
- CIECAM02
- J: 52.150, C: 51.416, h: 160.455, Q: 142.278, M: 44.963, s: 56.216, H: 196.366
- OSA-UCS
- 明度: -9.823, 黄色: 3.117, 緑色: 7.139
- LMS
- L: 24.275, M: 41.882, S: 22.840
- YCbCr
- Y: 120.992, Cb: 126.361, Cr: 62.685
- YCgCo
- Y: 122.250, Cg: 53.750, Co: -20.750
- YDbDr
- Y: 122.260, Db: -4.881, Dr: 198.245
- YPbPr
- Y: 138.242, Pb: -10.330, Pr: -76.378
- xvYCC
- Y: 134.725, Cb: 118.926, Cr: 60.907
- YIQ
- Y: 122.260, I: -75.811, Q: -51.145
- YUV
- Y: 122.260, U: -1.604, V: -91.469
- マンセルカラーシステム
- 7.5G 6/10 ΔE = 1.298
- ブランドカラー
- Vine ΔE = 5.067