
HTML&CSS例
#4c484b前景
悪因悪果。
<p style="color: #4c484b">…</p>
#4c484b背景
井の中の蛙大海を知らず。
<p style="background-color: #4c484b">…</p>
#4c484bテキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #4c484b">…</p>
色空間変換
- 十進
- 4999243
- 二進法
- 01001100, 01001000, 01001011
- 十六進法
- #4c484b
- LRV
- ≈ 6.7%
- 最も近い短い16進数
- #444 ΔE = 3.414
- RGB
- rgb(76, 72, 75)
- RGBA
- rgba(76, 72, 75, 1.0)
- rg色度
- r: 0.341, g: 0.323, b: 0.336
- RYB
- 赤色: 29.804%, 黄色: 28.235%, 青色: 29.412%
- Android/android.graphics.Color
- -11777973/0xff4c484b
- HSL
- hsl(315, 3%, 29%)
- HSLA
- hsla(315, 3%, 29%, 1.0)
- HSV/HSB
- 色相: 315° (315.000), 飽和: 5% (0.053), 値: 30% (0.298)
- HSP
- 色相: 315.000, 飽和: 5.263%, 知覚される明るさ: 28.848%
- HSLuv(HUSL)
- H: 318.790, S: 3.875, L: 31.065
- Cubehelix
- H: -57.235, S: 0.031, L: 0.288
- TSL
- T: 4.711, S: 0.017, L: 0.288
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 5% (0.053), 黄色: 1% (0.013), キー・プレート: 70% (0.702)
- CMY
- シアン色: 70% (0.702), マゼンタ色: 72% (0.718), 黄色: 71% (0.706)
- XYZ
- X: 6.568, Y: 6.679, Z: 7.598
- xyY
- x: 0.315, y: 0.320, Y: 6.679
- Lab色空間
- L: 31.065, a: 2.309, b: -1.194
- CIELuv
- L: 31.065, u: 1.995, v: -1.747
- CIELCH/LCHab
- L: 31.065, C: 2.599, H: 332.645
- CIELUV/LCHuv
- L: 31.065, C: 2.652, H: 318.790
- Hunter-Lab
- L: 25.844, a: 0.134, b: 0.659
- CIECAM02
- J: 22.709, C: 3.308, h: 321.873, Q: 93.889, M: 2.893, s: 17.553, H: 349.110
- OSA-UCS
- 明度: -10.097, 黄色: -0.305, 緑色: -0.196
- LMS
- L: 6.448, M: 6.763, S: 7.583
- YCbCr
- Y: 79.170, Cb: 128.725, Cr: 129.543
- YCgCo
- Y: 73.750, Cg: -1.750, Co: 19.250
- YDbDr
- Y: 73.538, Db: 2.199, Dr: -4.681
- YPbPr
- Y: 73.068, Pb: 1.040, Pr: 1.862
- xvYCC
- Y: 78.753, Cb: 128.914, Cr: 129.636
- YIQ
- Y: 73.538, I: 1.419, Q: 1.779
- YUV
- Y: 73.538, U: 0.720, V: 2.160
- マンセルカラーシステム
- 10P 3/1 ΔE = 2.145
- ブランドカラー
- WordPress (grey) ΔE = 2.925