
HTML&CSS例
#00c42a前景
酔生夢死。
<p style="color: #00c42a">…</p>
#00c42a背景
蛙の子は蛙。
<p style="background-color: #00c42a">…</p>
#00c42aテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c42a">…</p>
色空間変換
- 十進
- 50218
- 二進法
- 00000000, 11000100, 00101010
- 十六進法
- #00c42a
- LRV
- ≈ 39.6%
- 最も近い短い16進数
- #0c3 ΔE = 2.687
- RGB
- rgb(0, 196, 42)
- RGBA
- rgba(0, 196, 42, 1.0)
- rg色度
- r: 0.000, g: 0.824, b: 0.176
- RYB
- 赤色: 0.000%, 黄色: 63.299%, 青色: 76.863%
- Android/android.graphics.Color
- -16726998/0xff00c42a
- HSL
- hsl(133, 100%, 38%)
- HSLA
- hsla(133, 100%, 38%, 1.0)
- HSV/HSB
- 色相: 133° (132.857), 飽和: 100% (1.000), 値: 77% (0.769)
- HSP
- 色相: 132.857, 飽和: 100.000%, 知覚される明るさ: 59.151%
- HSLuv(HUSL)
- H: 129.276, S: 100.019, L: 69.215
- Cubehelix
- H: -239.273, S: 1.277, L: 0.472
- TSL
- T: -0.688, S: 0.795, L: 0.470
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 79% (0.786), キー・プレート: 23% (0.231)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 84% (0.835)
- XYZ
- X: 20.156, Y: 39.644, Z: 8.780
- xyY
- x: 0.294, y: 0.578, Y: 39.644
- Lab色空間
- L: 69.215, a: -69.140, b: 60.518
- CIELuv
- L: 69.215, u: -64.867, v: 79.320
- CIELCH/LCHab
- L: 69.215, C: 91.885, H: 138.804
- CIELUV/LCHuv
- L: 69.215, C: 102.467, H: 129.276
- Hunter-Lab
- L: 62.964, a: -53.044, b: 35.807
- CIECAM02
- J: 57.907, C: 83.258, h: 138.646, Q: 149.926, M: 72.808, s: 69.687, H: 173.077
- OSA-UCS
- 明度: -9.461, 黄色: 8.498, 緑色: 9.296
- LMS
- L: 30.376, M: 53.168, S: 9.234
- YCbCr
- Y: 118.900, Cb: 89.402, Cr: 52.890
- YCoCg
- Y: 108.500, Cg: 87.500, Co: -10.500
- YDbDr
- Y: 119.840, Db: -117.082, Dr: 227.850
- YPbPr
- Y: 143.164, Pb: -54.460, Pr: -90.916
- xvYCC
- Y: 138.953, Cb: 80.161, Cr: 48.137
- YIQ
- Y: 119.840, I: -67.286, Q: -89.360
- YUV
- Y: 119.840, U: -38.305, V: -105.138
- マンセルカラーシステム
- 10GY 6/12 ΔE = 8.916
- ブランドカラー
- ASDA ΔE = 3.220