
HTML&CSS例
#00c863前景
蛙の子は蛙。
<p style="color: #00c863">…</p>
#00c863背景
弱肉強食。
<p style="background-color: #00c863">…</p>
#00c863テキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c863">…</p>
色空間変換
- 十進
- 51299
- 二進法
- 00000000, 11001000, 01100011
- 十六進法
- #00c863
- LRV
- ≈ 42.2%
- 最も近い短い16進数
- #0c6 ΔE = 1.329
- RGB
- rgb(0, 200, 99)
- RGBA
- rgba(0, 200, 99, 1.0)
- rg色度
- r: 0.000, g: 0.669, b: 0.331
- RYB
- 赤色: 0.000%, 黄色: 52.462%, 青色: 78.431%
- Android/android.graphics.Color
- -16725917/0xff00c863
- HSL
- hsl(150, 100%, 39%)
- HSLA
- hsla(150, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 150° (149.700), 飽和: 100% (1.000), 値: 78% (0.784)
- HSP
- 色相: 149.700, 飽和: 100.000%, 知覚される明るさ: 61.504%
- HSLuv(HUSL)
- H: 136.793, S: 100.019, L: 71.013
- Cubehelix
- H: -221.638, S: 1.178, L: 0.505
- TSL
- T: -0.978, S: 0.635, L: 0.505
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 50% (0.505), キー・プレート: 22% (0.216)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.216), 黄色: 61% (0.612)
- XYZ
- X: 22.904, Y: 42.206, Z: 18.741
- xyY
- x: 0.273, y: 0.503, Y: 42.206
- Lab色空間
- L: 71.013, a: -63.911, b: 38.770
- CIELuv
- L: 71.013, u: -63.888, v: 60.009
- CIELCH/LCHab
- L: 71.013, C: 74.751, H: 148.758
- CIELUV/LCHuv
- L: 71.013, C: 87.651, H: 136.793
- Hunter-Lab
- L: 64.966, a: -50.760, b: 28.373
- CIECAM02
- J: 60.057, C: 66.861, h: 148.199, Q: 152.683, M: 58.469, s: 61.882, H: 183.819
- OSA-UCS
- 明度: -9.665, 黄色: 5.969, 緑色: 8.655
- LMS
- L: 31.872, M: 55.644, S: 19.073
- YCbCr
- Y: 126.502, Cb: 113.261, Cr: 47.371
- YCoCg
- Y: 124.750, Cg: 75.250, Co: -24.750
- YDbDr
- Y: 128.686, Db: -44.633, Dr: 244.683
- YPbPr
- Y: 150.128, Pb: -27.500, Pr: -95.354
- xvYCC
- Y: 144.933, Cb: 103.843, Cr: 44.238
- YIQ
- Y: 128.686, I: -86.696, Q: -73.716
- YUV
- Y: 128.686, U: -14.608, V: -112.899
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 4.858
- ブランドカラー
- ASDA ΔE = 7.555