
HTML&CSS例
#594639前景
異体同心。
<p style="color: #594639">…</p>
#594639背景
起死回生。
<p style="background-color: #594639">…</p>
#594639テキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #594639">…</p>
色空間変換
- 十進
- 5850681
- 二進法
- 01011001, 01000110, 00111001
- 十六進法
- #594639
- LRV
- ≈ 6.8%
- 最も近い短い16進数
- #543 ΔE = 2.322
- RGB
- rgb(89, 70, 57)
- RGBA
- rgba(89, 70, 57, 1.0)
- rg色度
- r: 0.412, g: 0.324, b: 0.264
- RYB
- 赤色: 34.902%, 黄色: 30.939%, 青色: 22.353%
- Android/android.graphics.Color
- -10926535/0xff594639
- HSL
- hsl(24, 22%, 29%)
- HSLA
- hsla(24, 22%, 29%, 1.0)
- HSV/HSB
- 色相: 24° (24.375), 飽和: 36% (0.360), 値: 35% (0.349)
- HSP
- 色相: 24.375, 飽和: 35.955%, 知覚される明るさ: 29.386%
- HSLuv(HUSL)
- H: 41.817, S: 36.318, L: 31.347
- Cubehelix
- H: 19.286, S: 0.219, L: 0.291
- TSL
- T: 3.401, S: 0.106, L: 0.291
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 21% (0.213), 黄色: 36% (0.360), キー・プレート: 65% (0.651)
- CMY
- シアン色: 65% (0.651), マゼンタ色: 73% (0.725), 黄色: 78% (0.776)
- XYZ
- X: 7.049, Y: 6.800, Z: 4.811
- xyY
- x: 0.378, y: 0.364, Y: 6.800
- Lab色空間
- L: 31.347, a: 5.986, b: 10.925
- CIELuv
- L: 31.347, u: 12.426, v: 11.116
- CIELCH/LCHab
- L: 31.347, C: 12.458, H: 61.282
- CIELUV/LCHuv
- L: 31.347, C: 16.672, H: 41.817
- Hunter-Lab
- L: 26.077, a: 2.615, b: 7.314
- CIECAM02
- J: 23.217, C: 12.385, h: 54.744, Q: 94.932, M: 10.830, s: 33.776, H: 46.203
- OSA-UCS
- 明度: -10.003, 黄色: 1.581, 緑色: -1.003
- LMS
- L: 7.305, M: 6.613, S: 4.845
- YCbCr
- Y: 79.739, Cb: 119.481, Cr: 137.264
- YCoCg
- Y: 71.500, Cg: -1.500, Co: 30.250
- YDbDr
- Y: 74.199, Db: -25.879, Dr: -28.148
- YPbPr
- Y: 73.111, Pb: -8.685, Pr: 10.098
- xvYCC
- Y: 78.789, Cb: 120.371, Cr: 136.870
- YIQ
- Y: 74.199, I: 15.495, Q: -0.027
- YUV
- Y: 74.199, U: -8.463, V: 12.985
- マンセルカラーシステム
- 7.5YR 3/2 ΔE = 1.465
- ブランドカラー
- WordPress (grey) ΔE = 12.563