
HTML&CSS例
#00c77f前景
美人薄命。
<p style="color: #00c77f">…</p>
#00c77f背景
蛙の子は蛙。
<p style="background-color: #00c77f">…</p>
#00c77fテキストに影をつける
酔生夢死。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c77f">…</p>
色空間変換
- 十進
- 51071
- 二進法
- 00000000, 11000111, 01111111
- 十六進法
- #00c77f
- LRV
- ≈ 42.4%
- 最も近い短い16進数
- #0c8 ΔE = 2.085
- RGB
- rgb(0, 199, 127)
- RGBA
- rgba(0, 199, 127, 1.0)
- rg色度
- r: 0.000, g: 0.610, b: 0.390
- RYB
- 赤色: 0.000%, 黄色: 47.637%, 青色: 78.039%
- Android/android.graphics.Color
- -16726145/0xff00c77f
- HSL
- hsl(158, 100%, 39%)
- HSLA
- hsla(158, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 158° (158.291), 飽和: 100% (1.000), 値: 78% (0.780)
- HSP
- 色相: 158.291, 飽和: 100.000%, 知覚される明るさ: 62.110%
- HSLuv(HUSL)
- H: 145.209, S: 100.019, L: 71.129
- Cubehelix
- H: -211.721, S: 1.160, L: 0.515
- TSL
- T: -1.128, S: 0.582, L: 0.515
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 36% (0.362), キー・プレート: 22% (0.220)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 50% (0.502)
- XYZ
- X: 24.251, Y: 42.376, Z: 26.976
- xyY
- x: 0.259, y: 0.453, Y: 42.376
- Lab色空間
- L: 71.129, a: -58.428, b: 24.610
- CIELuv
- L: 71.129, u: -61.857, v: 42.977
- CIELCH/LCHab
- L: 71.129, C: 63.399, H: 157.159
- CIELUV/LCHuv
- L: 71.129, C: 75.321, H: 145.209
- Hunter-Lab
- L: 65.097, a: -47.420, b: 20.998
- CIECAM02
- J: 60.247, C: 58.106, h: 157.532, Q: 152.925, M: 50.813, s: 57.643, H: 193.490
- OSA-UCS
- 明度: -9.786, 黄色: 3.995, 緑色: 8.093
- LMS
- L: 31.595, M: 55.034, S: 27.177
- YCbCr
- Y: 128.742, Cb: 125.844, Cr: 45.751
- YCoCg
- Y: 131.250, Cg: 67.750, Co: -31.750
- YDbDr
- Y: 131.291, Db: -6.426, Dr: 249.643
- YPbPr
- Y: 151.429, Pb: -13.115, Pr: -96.188
- xvYCC
- Y: 146.051, Cb: 116.479, Cr: 43.505
- YIQ
- Y: 131.291, I: -95.417, Q: -64.481
- YUV
- Y: 131.291, U: -2.111, V: -115.184
- マンセルカラーシステム
- 5G 7/10 ΔE = 3.596
- ブランドカラー
- ASDA ΔE = 12.194