
HTML&CSS例
#00ae3c前景
自業自得。
<p style="color: #00ae3c">…</p>
#00ae3c背景
花より団子。
<p style="background-color: #00ae3c">…</p>
#00ae3cテキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #00ae3c">…</p>
色空間変換
- 十進
- 44604
- 二進法
- 00000000, 10101110, 00111100
- 十六進法
- #00ae3c
- LRV
- ≈ 30.6%
- 最も近い短い16進数
- #0a3 ΔE = 1.675
- RGB
- rgb(0, 174, 60)
- RGBA
- rgba(0, 174, 60, 1.0)
- rg色度
- r: 0.000, g: 0.744, b: 0.256
- RYB
- 赤色: 0.000%, 黄色: 50.739%, 青色: 68.235%
- Android/android.graphics.Color
- -16732612/0xff00ae3c
- HSL
- hsl(141, 100%, 34%)
- HSLA
- hsla(141, 100%, 34%, 1.0)
- HSV/HSB
- 色相: 141° (140.690), 飽和: 100% (1.000), 値: 68% (0.682)
- HSP
- 色相: 140.690, 飽和: 100.000%, 知覚される明るさ: 52.879%
- HSLuv(HUSL)
- H: 131.862, S: 100.019, L: 62.165
- Cubehelix
- H: -231.505, S: 1.091, L: 0.428
- TSL
- T: -0.822, S: 0.709, L: 0.427
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 66% (0.655), キー・プレート: 32% (0.318)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 32% (0.318), 黄色: 76% (0.765)
- XYZ
- X: 15.950, Y: 30.596, Z: 9.339
- xyY
- x: 0.285, y: 0.547, Y: 30.596
- Lab色空間
- L: 62.165, a: -61.128, b: 46.566
- CIELuv
- L: 62.165, u: -57.359, v: 64.012
- CIELCH/LCHab
- L: 62.165, C: 76.844, H: 142.701
- CIELUV/LCHuv
- L: 62.165, C: 85.951, H: 131.862
- Hunter-Lab
- L: 55.314, a: -45.327, b: 28.709
- CIECAM02
- J: 50.288, C: 70.107, h: 142.143, Q: 139.715, M: 61.308, s: 66.243, H: 177.114
- OSA-UCS
- 明度: -9.548, 黄色: 6.820, 緑色: 8.220
- LMS
- L: 23.316, M: 40.771, S: 9.648
- YCbCr
- Y: 109.576, Cb: 103.706, Cr: 59.708
- YCgCo
- Y: 102.000, Cg: 72.000, Co: -15.000
- YDbDr
- Y: 108.978, Db: -73.662, Dr: 207.204
- YPbPr
- Y: 128.730, Pb: -36.990, Pr: -81.756
- xvYCC
- Y: 126.556, Cb: 95.507, Cr: 56.183
- YIQ
- Y: 108.978, I: -67.031, Q: -72.263
- YUV
- Y: 108.978, U: -24.102, V: -95.609
- マンセルカラーシステム
- 10GY 6/12 ΔE = 6.060
- ブランドカラー
- Technorati ΔE = 7.271