
HTML&CSS例
#00c754前景
蛙の子は蛙。
<p style="color: #00c754">…</p>
#00c754背景
十人十色。
<p style="background-color: #00c754">…</p>
#00c754テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c754">…</p>
色空間変換
- 十進
- 51028
- 二進法
- 00000000, 11000111, 01010100
- 十六進法
- #00c754
- LRV
- ≈ 41.5%
- 最も近い短い16進数
- #0c5 ΔE = 1.669
- RGB
- rgb(0, 199, 84)
- RGBA
- rgba(0, 199, 84, 1.0)
- rg色度
- r: 0.000, g: 0.703, b: 0.297
- RYB
- 赤色: 0.000%, 黄色: 54.876%, 青色: 78.039%
- Android/android.graphics.Color
- -16726188/0xff00c754
- HSL
- hsl(145, 100%, 39%)
- HSLA
- hsla(145, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 145° (145.327), 飽和: 100% (1.000), 値: 78% (0.780)
- HSP
- 色相: 145.327, 飽和: 100.000%, 知覚される明るさ: 60.816%
- HSLuv(HUSL)
- H: 133.957, S: 100.019, L: 70.514
- Cubehelix
- H: -226.529, S: 1.192, L: 0.497
- TSL
- T: -0.902, S: 0.668, L: 0.496
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 58% (0.578), キー・プレート: 22% (0.220)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 67% (0.671)
- XYZ
- X: 22.022, Y: 41.484, Z: 15.232
- xyY
- x: 0.280, y: 0.527, Y: 41.484
- Lab色空間
- L: 70.514, a: -65.808, b: 45.337
- CIELuv
- L: 70.514, u: -64.327, v: 66.712
- CIELCH/LCHab
- L: 70.514, C: 79.913, H: 145.436
- CIELUV/LCHuv
- L: 70.514, C: 92.674, H: 133.957
- Hunter-Lab
- L: 64.408, a: -51.683, b: 31.064
- CIECAM02
- J: 59.458, C: 71.435, h: 144.778, Q: 151.920, M: 62.469, s: 64.124, H: 180.075
- OSA-UCS
- 明度: -9.604, 黄色: 6.805, 緑色: 8.868
- LMS
- L: 31.485, M: 55.017, S: 15.610
- YCbCr
- Y: 124.528, Cb: 106.967, Cr: 48.804
- YCoCg
- Y: 120.500, Cg: 78.500, Co: -21.000
- YDbDr
- Y: 126.389, Db: -63.745, Dr: 240.312
- YPbPr
- Y: 148.333, Pb: -34.615, Pr: -94.210
- xvYCC
- Y: 143.392, Cb: 97.593, Cr: 45.243
- YIQ
- Y: 126.389, I: -81.602, Q: -77.860
- YUV
- Y: 126.389, U: -20.859, V: -110.884
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 6.561
- ブランドカラー
- ASDA ΔE = 5.630