
HTML&CSS例
#5c585a前景
羊頭狗肉。
<p style="color: #5c585a">…</p>
#5c585a背景
蓼食う虫も好き好き。
<p style="background-color: #5c585a">…</p>
#5c585aテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #5c585a">…</p>
色空間変換
- 十進
- 6051930
- 二進法
- 01011100, 01011000, 01011010
- 十六進法
- #5c585a
- LRV
- ≈ 10.0%
- 最も近い短い16進数
- #555 ΔE = 2.695
- RGB
- rgb(92, 88, 90)
- RGBA
- rgba(92, 88, 90, 1.0)
- rg色度
- r: 0.341, g: 0.326, b: 0.333
- RYB
- 赤色: 36.078%, 黄色: 34.510%, 青色: 35.294%
- Android/android.graphics.Color
- -10725286/0xff5c585a
- HSL
- hsl(330, 2%, 35%)
- HSLA
- hsla(330, 2%, 35%, 1.0)
- HSV/HSB
- 色相: 330° (330.000), 飽和: 4% (0.043), 値: 36% (0.361)
- HSP
- 色相: 330.000, 飽和: 4.348%, 知覚される明るさ: 35.075%
- HSLuv(HUSL)
- H: 333.947, S: 2.783, L: 37.830
- Cubehelix
- H: -41.296, S: 0.026, L: 0.351
- TSL
- T: 4.451, S: 0.014, L: 0.351
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 4% (0.043), 黄色: 2% (0.022), キー・プレート: 64% (0.639)
- CMY
- シアン色: 64% (0.639), マゼンタ色: 65% (0.655), 黄色: 65% (0.647)
- XYZ
- X: 9.749, Y: 9.993, Z: 11.086
- xyY
- x: 0.316, y: 0.324, Y: 9.993
- Lab色空間
- L: 37.830, a: 2.022, b: -0.581
- CIELuv
- L: 37.830, u: 2.117, v: -1.035
- CIELCH/LCHab
- L: 37.830, C: 2.104, H: 343.981
- CIELUV/LCHuv
- L: 37.830, C: 2.357, H: 333.947
- Hunter-Lab
- L: 31.612, a: -0.274, b: 1.335
- CIECAM02
- J: 28.363, C: 2.505, h: 331.605, Q: 104.926, M: 2.191, s: 14.450, H: 356.373
- OSA-UCS
- 明度: -10.090, 黄色: -0.213, 緑色: -0.145
- LMS
- L: 9.636, M: 10.172, S: 11.067
- YCbCr
- Y: 92.816, Cb: 128.286, Cr: 129.614
- YCgCo
- Y: 89.500, Cg: -1.500, Co: 23.500
- YDbDr
- Y: 89.424, Db: 0.866, Dr: -4.898
- YPbPr
- Y: 88.996, Pb: 0.540, Pr: 1.908
- xvYCC
- Y: 92.432, Cb: 128.474, Cr: 129.676
- YIQ
- Y: 89.424, I: 1.740, Q: 1.468
- YUV
- Y: 89.424, U: 0.284, V: 2.260
- マンセルカラーシステム
- 10RP 4/1 ΔE = 3.910
- ブランドカラー
- WordPress (grey) ΔE = 8.374