
HTML&CSS例
#00c52e前景
蛙の子は蛙。
<p style="color: #00c52e">…</p>
#00c52e背景
井の中の蛙大海を知らず。
<p style="background-color: #00c52e">…</p>
#00c52eテキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c52e">…</p>
色空間変換
- 十進
- 50478
- 二進法
- 00000000, 11000101, 00101110
- 十六進法
- #00c52e
- LRV
- ≈ 40.1%
- 最も近い短い16進数
- #0c3 ΔE = 2.315
- RGB
- rgb(0, 197, 46)
- RGBA
- rgba(0, 197, 46, 1.0)
- rg色度
- r: 0.000, g: 0.811, b: 0.189
- RYB
- 赤色: 0.000%, 黄色: 62.631%, 青色: 77.255%
- Android/android.graphics.Color
- -16726738/0xff00c52e
- HSL
- hsl(134, 100%, 39%)
- HSLA
- hsla(134, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 134° (134.010), 飽和: 100% (1.000), 値: 77% (0.773)
- HSP
- 色相: 134.010, 飽和: 100.000%, 知覚される明るさ: 59.502%
- HSLuv(HUSL)
- H: 129.544, S: 100.019, L: 69.560
- Cubehelix
- H: -238.185, S: 1.270, L: 0.476
- TSL
- T: -0.708, S: 0.781, L: 0.474
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 77% (0.766), キー・プレート: 23% (0.227)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.227), 黄色: 82% (0.820)
- XYZ
- X: 20.458, Y: 40.127, Z: 9.251
- xyY
- x: 0.293, y: 0.575, Y: 40.127
- Lab色空間
- L: 69.560, a: -69.145, b: 59.592
- CIELuv
- L: 69.560, u: -65.079, v: 78.825
- CIELCH/LCHab
- L: 69.560, C: 91.281, H: 139.244
- CIELUV/LCHuv
- L: 69.560, C: 102.218, H: 129.544
- Hunter-Lab
- L: 63.346, a: -53.208, b: 35.683
- CIECAM02
- J: 58.300, C: 82.546, h: 139.020, Q: 150.433, M: 72.185, s: 69.271, H: 173.514
- OSA-UCS
- 明度: -9.471, 黄色: 8.412, 緑色: 9.296
- LMS
- L: 30.728, M: 53.778, S: 9.705
- YCbCr
- Y: 119.796, Cb: 90.867, Cr: 52.238
- YCoCg
- Y: 110.000, Cg: 87.000, Co: -11.500
- YDbDr
- Y: 120.883, Db: -112.633, Dr: 229.834
- YPbPr
- Y: 144.167, Pb: -52.845, Pr: -91.554
- xvYCC
- Y: 139.814, Cb: 81.579, Cr: 47.576
- YIQ
- Y: 120.883, I: -68.845, Q: -88.638
- YUV
- Y: 120.883, U: -36.849, V: -106.053
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.910
- ブランドカラー
- ASDA ΔE = 2.975