
HTML&CSS例
#53483b前景
起死回生。
<p style="color: #53483b">…</p>
#53483b背景
十人十色。
<p style="background-color: #53483b">…</p>
#53483bテキストに影をつける
井の中の蛙大海を知らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #53483b">…</p>
色空間変換
- 十進
- 5457979
- 二進法
- 01010011, 01001000, 00111011
- 十六進法
- #53483b
- LRV
- ≈ 6.8%
- 最も近い短い16進数
- #543 ΔE = 2.894
- RGB
- rgb(83, 72, 59)
- RGBA
- rgba(83, 72, 59, 1.0)
- rg色度
- r: 0.388, g: 0.336, b: 0.276
- RYB
- 赤色: 31.101%, 黄色: 32.549%, 青色: 23.137%
- Android/android.graphics.Color
- -11319237/0xff53483b
- HSL
- hsl(32, 17%, 28%)
- HSLA
- hsla(32, 17%, 28%, 1.0)
- HSV/HSB
- 色相: 32° (32.500), 飽和: 29% (0.289), 値: 33% (0.325)
- HSP
- 色相: 32.500, 飽和: 28.916%, 知覚される明るさ: 29.082%
- HSLuv(HUSL)
- H: 54.815, S: 32.109, L: 31.323
- Cubehelix
- H: 29.200, S: 0.167, L: 0.290
- TSL
- T: 2.628, S: 0.073, L: 0.289
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 13% (0.133), 黄色: 29% (0.289), キー・プレート: 67% (0.675)
- CMY
- シアン色: 67% (0.675), マゼンタ色: 72% (0.718), 黄色: 77% (0.769)
- XYZ
- X: 6.674, Y: 6.790, Z: 5.096
- xyY
- x: 0.360, y: 0.366, Y: 6.790
- Lab色空間
- L: 31.323, a: 2.299, b: 9.518
- CIELuv
- L: 31.323, u: 7.244, v: 10.275
- CIELCH/LCHab
- L: 31.323, C: 9.791, H: 76.418
- CIELUV/LCHuv
- L: 31.323, C: 12.572, H: 54.815
- Hunter-Lab
- L: 26.057, a: 0.120, b: 6.645
- CIECAM02
- J: 23.050, C: 9.419, h: 69.714, Q: 94.590, M: 8.237, s: 29.510, H: 68.135
- OSA-UCS
- 明度: -10.007, 黄色: 1.403, 緑色: -0.390
- LMS
- L: 6.980, M: 6.861, S: 5.124
- YCbCr
- Y: 79.401, Cb: 120.665, Cr: 133.752
- YCgCo
- Y: 71.500, Cg: 0.500, Co: 26.750
- YDbDr
- Y: 73.807, Db: -22.279, Dr: -17.484
- YPbPr
- Y: 73.407, Pb: -7.765, Pr: 6.098
- xvYCC
- Y: 79.044, Cb: 121.179, Cr: 133.357
- YIQ
- Y: 73.807, I: 10.729, Q: -1.719
- YUV
- Y: 73.807, U: -7.286, V: 8.065
- マンセルカラーシステム
- 10YR 3/2 ΔE = 1.929
- ブランドカラー
- WordPress (grey) ΔE = 9.921