
HTML&CSS例
#554e4b前景
猫に小判。
<p style="color: #554e4b">…</p>
#554e4b背景
羊頭狗肉。
<p style="background-color: #554e4b">…</p>
#554e4bテキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #554e4b">…</p>
色空間変換
- 十進
- 5590603
- 二進法
- 01010101, 01001110, 01001011
- 十六進法
- #554e4b
- LRV
- ≈ 7.9%
- 最も近い短い16進数
- #555 ΔE = 4.352
- RGB
- rgb(85, 78, 75)
- RGBA
- rgba(85, 78, 75, 1.0)
- rg色度
- r: 0.357, g: 0.328, b: 0.315
- RYB
- 赤色: 33.333%, 黄色: 31.092%, 青色: 29.412%
- Android/android.graphics.Color
- -11186613/0xff554e4b
- HSL
- hsl(18, 6%, 31%)
- HSLA
- hsla(18, 6%, 31%, 1.0)
- HSV/HSB
- 色相: 18° (18.000), 飽和: 12% (0.118), 値: 33% (0.333)
- HSP
- 色相: 18.000, 飽和: 11.765%, 知覚される明るさ: 31.306%
- HSLuv(HUSL)
- H: 36.318, S: 9.480, L: 33.749
- Cubehelix
- H: 11.506, S: 0.067, L: 0.313
- TSL
- T: 3.580, S: 0.033, L: 0.313
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 8% (0.082), 黄色: 12% (0.118), キー・プレート: 67% (0.667)
- CMY
- シアン色: 67% (0.667), マゼンタ色: 69% (0.694), 黄色: 71% (0.706)
- XYZ
- X: 7.741, Y: 7.888, Z: 7.770
- xyY
- x: 0.331, y: 0.337, Y: 7.888
- Lab色空間
- L: 33.749, a: 2.293, b: 2.817
- CIELuv
- L: 33.749, u: 4.142, v: 3.045
- CIELCH/LCHab
- L: 33.749, C: 3.633, H: 50.859
- CIELUV/LCHuv
- L: 33.749, C: 5.141, H: 36.318
- Hunter-Lab
- L: 28.086, a: 0.045, b: 3.257
- CIECAM02
- J: 24.953, C: 3.785, h: 45.906, Q: 98.418, M: 3.310, s: 18.338, H: 33.832
- OSA-UCS
- 明度: -10.064, 黄色: 0.342, 緑色: -0.285
- LMS
- L: 7.799, M: 7.991, S: 7.772
- YCbCr
- Y: 84.507, Cb: 125.647, Cr: 131.286
- YCoCg
- Y: 79.000, Cg: -1.000, Co: 23.750
- YDbDr
- Y: 79.751, Db: -7.149, Dr: -9.982
- YPbPr
- Y: 79.275, Pb: -2.305, Pr: 3.638
- xvYCC
- Y: 84.083, Cb: 125.975, Cr: 131.196
- YIQ
- Y: 79.751, I: 5.134, Q: 0.547
- YUV
- Y: 79.751, U: -2.337, V: 4.605
- マンセルカラーシステム
- 10YR 3/1 ΔE = 3.067
- ブランドカラー
- WordPress (grey) ΔE = 5.421