
HTML&CSS例
#00c67b前景
花より団子。
<p style="color: #00c67b">…</p>
#00c67b背景
知らぬが仏。
<p style="background-color: #00c67b">…</p>
#00c67bテキストに影をつける
弱肉強食。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c67b">…</p>
色空間変換
- 十進
- 50811
- 二進法
- 00000000, 11000110, 01111011
- 十六進法
- #00c67b
- LRV
- ≈ 41.8%
- 最も近い短い16進数
- #0c7 ΔE = 2.550
- RGB
- rgb(0, 198, 123)
- RGBA
- rgba(0, 198, 123, 1.0)
- rg色度
- r: 0.000, g: 0.617, b: 0.383
- RYB
- 赤色: 0.000%, 黄色: 47.894%, 青色: 77.647%
- Android/android.graphics.Color
- -16726405/0xff00c67b
- HSL
- hsl(157, 100%, 39%)
- HSLA
- hsla(157, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 157° (157.273), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 157.273, 飽和: 100.000%, 知覚される明るさ: 61.679%
- HSLuv(HUSL)
- H: 143.979, S: 100.019, L: 70.743
- Cubehelix
- H: -212.905, S: 1.154, L: 0.511
- TSL
- T: -1.110, S: 0.587, L: 0.511
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 38% (0.379), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 52% (0.518)
- XYZ
- X: 23.767, Y: 41.815, Z: 25.554
- xyY
- x: 0.261, y: 0.459, Y: 41.815
- Lab色空間
- L: 70.743, a: -58.891, b: 26.192
- CIELuv
- L: 70.743, u: -61.793, v: 44.930
- CIELCH/LCHab
- L: 70.743, C: 64.453, H: 156.023
- CIELUV/LCHuv
- L: 70.743, C: 76.401, H: 143.979
- Hunter-Lab
- L: 64.665, a: -47.558, b: 21.836
- CIECAM02
- J: 59.803, C: 58.831, h: 156.233, Q: 152.361, M: 51.447, s: 58.109, H: 192.189
- OSA-UCS
- 明度: -9.772, 黄色: 4.224, 緑色: 8.127
- LMS
- L: 31.230, M: 54.415, S: 25.769
- YCbCr
- Y: 127.846, Cb: 124.379, Cr: 46.403
- YCoCg
- Y: 129.750, Cg: 68.250, Co: -30.750
- YDbDr
- Y: 130.248, Db: -10.875, Dr: 247.659
- YPbPr
- Y: 150.426, Pb: -14.730, Pr: -95.550
- xvYCC
- Y: 145.189, Cb: 115.061, Cr: 44.066
- YIQ
- Y: 130.248, I: -93.857, Q: -65.203
- YUV
- Y: 130.248, U: -3.566, V: -114.269
- マンセルカラーシステム
- 5G 7/10 ΔE = 4.018
- ブランドカラー
- ASDA ΔE = 11.663