
HTML&CSS例
#00c744前景
美人薄命。
<p style="color: #00c744">…</p>
#00c744背景
案ずるより産むが易し。
<p style="background-color: #00c744">…</p>
#00c744テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c744">…</p>
色空間変換
- 十進
- 51012
- 二進法
- 00000000, 11000111, 01000100
- 十六進法
- #00c744
- LRV
- ≈ 41.3%
- 最も近い短い16進数
- #0c4 ΔE = 1.677
- RGB
- rgb(0, 199, 68)
- RGBA
- rgba(0, 199, 68, 1.0)
- rg色度
- r: 0.000, g: 0.745, b: 0.255
- RYB
- 赤色: 0.000%, 黄色: 58.164%, 青色: 78.039%
- Android/android.graphics.Color
- -16726204/0xff00c744
- HSL
- hsl(141, 100%, 39%)
- HSLA
- hsla(141, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 141° (140.503), 飽和: 100% (1.000), 値: 78% (0.780)
- HSP
- 色相: 140.503, 飽和: 100.000%, 知覚される明るさ: 60.465%
- HSLuv(HUSL)
- H: 131.632, S: 100.019, L: 70.359
- Cubehelix
- H: -231.701, S: 1.224, L: 0.490
- TSL
- T: -0.819, S: 0.711, L: 0.488
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 66% (0.658), キー・プレート: 22% (0.220)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 73% (0.733)
- XYZ
- X: 21.465, Y: 41.261, Z: 12.301
- xyY
- x: 0.286, y: 0.550, Y: 41.261
- Lab色空間
- L: 70.359, a: -67.749, b: 52.211
- CIELuv
- L: 70.359, u: -65.004, v: 73.134
- CIELCH/LCHab
- L: 70.359, C: 85.533, H: 142.380
- CIELUV/LCHuv
- L: 70.359, C: 97.847, H: 131.632
- Hunter-Lab
- L: 64.235, a: -52.763, b: 33.611
- CIECAM02
- J: 59.244, C: 76.689, h: 141.826, Q: 151.647, M: 67.064, s: 66.501, H: 176.753
- OSA-UCS
- 明度: -9.541, 黄色: 7.623, 緑色: 9.109
- LMS
- L: 31.458, M: 55.013, S: 12.722
- YCbCr
- Y: 122.960, Cb: 99.943, Cr: 49.940
- YCoCg
- Y: 116.500, Cg: 82.500, Co: -17.000
- YDbDr
- Y: 124.565, Db: -85.073, Dr: 236.840
- YPbPr
- Y: 147.181, Pb: -42.615, Pr: -93.474
- xvYCC
- Y: 142.403, Cb: 90.566, Cr: 45.890
- YIQ
- Y: 124.565, I: -76.462, Q: -82.838
- YUV
- Y: 124.565, U: -27.835, V: -109.284
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.435
- ブランドカラー
- ASDA ΔE = 3.791