
HTML&CSS例
#503930前景
門前の小僧習わぬ経を読む。
<p style="color: #503930">…</p>
#503930背景
自業自得。
<p style="background-color: #503930">…</p>
#503930テキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #503930">…</p>
色空間変換
- 十進
- 5257520
- 二進法
- 01010000, 00111001, 00110000
- 十六進法
- #503930
- LRV
- ≈ 4.8%
- 最も近い短い16進数
- #532 ΔE = 4.685
- RGB
- rgb(80, 57, 48)
- RGBA
- rgba(80, 57, 48, 1.0)
- rg色度
- r: 0.432, g: 0.308, b: 0.259
- RYB
- 赤色: 31.373%, 黄色: 23.734%, 青色: 18.824%
- Android/android.graphics.Color
- -11519696/0xff503930
- HSL
- hsl(17, 25%, 25%)
- HSLA
- hsla(17, 25%, 25%, 1.0)
- HSV/HSB
- 色相: 17° (16.875), 飽和: 40% (0.400), 値: 31% (0.314)
- HSP
- 色相: 16.875, 飽和: 40.000%, 知覚される明るさ: 25.059%
- HSLuv(HUSL)
- H: 30.849, S: 35.698, L: 26.290
- Cubehelix
- H: 10.158, S: 0.247, L: 0.247
- TSL
- T: 3.609, S: 0.137, L: 0.246
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 29% (0.288), 黄色: 40% (0.400), キー・プレート: 69% (0.686)
- CMY
- シアン色: 69% (0.686), マゼンタ色: 78% (0.776), 黄色: 81% (0.812)
- XYZ
- X: 5.305, Y: 4.845, Z: 3.452
- xyY
- x: 0.390, y: 0.356, Y: 4.845
- Lab色空間
- L: 26.290, a: 8.799, b: 9.617
- CIELuv
- L: 26.290, u: 14.480, v: 8.648
- CIELCH/LCHab
- L: 26.290, C: 13.034, H: 47.543
- CIELUV/LCHuv
- L: 26.290, C: 16.866, H: 30.849
- Hunter-Lab
- L: 22.012, a: 4.498, b: 6.112
- CIECAM02
- J: 19.365, C: 13.781, h: 41.847, Q: 86.699, M: 12.052, s: 37.284, H: 28.287
- OSA-UCS
- 明度: -10.009, 黄色: 1.350, 緑色: -1.477
- LMS
- L: 5.409, M: 4.514, S: 3.476
- YCbCr
- Y: 69.992, Cb: 120.645, Cr: 138.736
- YCoCg
- Y: 60.500, Cg: -3.500, Co: 28.000
- YDbDr
- Y: 62.851, Db: -22.347, Dr: -32.612
- YPbPr
- Y: 61.251, Pb: -7.145, Pr: 11.914
- xvYCC
- Y: 68.604, Cb: 121.724, Cr: 138.466
- YIQ
- Y: 62.851, I: 16.593, Q: 2.063
- YUV
- Y: 62.851, U: -7.307, V: 15.045
- マンセルカラーシステム
- 5YR 3/2 ΔE = 3.830
- ブランドカラー
- WordPress (grey) ΔE = 13.479