
HTML&CSS例
#966440前景
井の中の蛙大海を知らず。
<p style="color: #966440">…</p>
#966440背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #966440">…</p>
#966440テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #966440">…</p>
色空間変換
- 十進
- 9856064
- 二進法
- 10010110, 01100100, 01000000
- 十六進法
- #966440
- LRV
- ≈ 16.0%
- 最も近い短い16進数
- #964 ΔE = 1.166
- RGB
- rgb(150, 100, 64)
- RGBA
- rgba(150, 100, 64, 1.0)
- rg色度
- r: 0.478, g: 0.318, b: 0.204
- RYB
- 赤色: 58.824%, 黄色: 49.380%, 青色: 25.098%
- Android/android.graphics.Color
- -6921152/0xff966440
- HSL
- hsl(25, 40%, 42%)
- HSLA
- hsla(25, 40%, 42%, 1.0)
- HSV/HSB
- 色相: 25° (25.116), 飽和: 57% (0.573), 値: 59% (0.588)
- HSP
- 色相: 25.116, 飽和: 57.333%, 知覚される明るさ: 44.823%
- HSLuv(HUSL)
- H: 37.760, S: 64.617, L: 46.935
- Cubehelix
- H: 20.198, S: 0.495, L: 0.435
- TSL
- T: 3.379, S: 0.195, L: 0.435
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 33% (0.333), 黄色: 57% (0.573), キー・プレート: 41% (0.412)
- CMY
- シアン色: 41% (0.412), マゼンタ色: 61% (0.608), 黄色: 75% (0.749)
- XYZ
- X: 18.061, Y: 15.970, Z: 6.981
- xyY
- x: 0.440, y: 0.389, Y: 15.970
- Lab色空間
- L: 46.935, a: 16.186, b: 28.462
- CIELuv
- L: 46.935, u: 37.536, v: 29.074
- CIELCH/LCHab
- L: 46.935, C: 32.742, H: 60.374
- CIELUV/LCHuv
- L: 46.935, C: 47.479, H: 37.760
- Hunter-Lab
- L: 39.963, a: 10.740, b: 17.617
- CIECAM02
- J: 37.670, C: 30.175, h: 54.885, Q: 120.923, M: 26.388, s: 46.714, H: 46.403
- OSA-UCS
- 明度: -9.919, 黄色: 4.056, 緑色: -2.694
- LMS
- L: 18.962, M: 14.444, S: 7.136
- YCbCr
- Y: 111.222, Cb: 104.796, Cr: 152.506
- YCoCg
- Y: 103.500, Cg: -3.500, Co: 59.000
- YDbDr
- Y: 110.846, Db: -70.488, Dr: -74.462
- YPbPr
- Y: 108.058, Pb: -23.750, Pr: 26.656
- xvYCC
- Y: 108.803, Cb: 107.137, Cr: 151.415
- YIQ
- Y: 110.846, I: 41.351, Q: -0.628
- YUV
- Y: 110.846, U: -23.052, V: 34.350
- マンセルカラーシステム
- 5YR 5/6 ΔE = 2.418
- ブランドカラー
- WordPress (orange) ΔE = 12.065