
HTML&CSS例
#be594b前景
猫に小判。
<p style="color: #be594b">…</p>
#be594b背景
花より団子。
<p style="background-color: #be594b">…</p>
#be594bテキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #be594b">…</p>
色空間変換
- 十進
- 12474699
- 二進法
- 10111110, 01011001, 01001011
- 十六進法
- #be594b
- LRV
- ≈ 18.6%
- 最も近い短い16進数
- #b54 ΔE = 1.712
- RGB
- rgb(190, 89, 75)
- RGBA
- rgba(190, 89, 75, 1.0)
- rg色度
- r: 0.537, g: 0.251, b: 0.212
- RYB
- 赤色: 74.510%, 黄色: 35.663%, 青色: 29.412%
- Android/android.graphics.Color
- -4302517/0xffbe594b
- HSL
- hsl(7, 47%, 52%)
- HSLA
- hsla(7, 47%, 52%, 1.0)
- HSV/HSB
- 色相: 7° (7.304), 飽和: 61% (0.605), 値: 75% (0.745)
- HSP
- 色相: 7.304, 飽和: 60.526%, 知覚される明るさ: 49.736%
- HSLuv(HUSL)
- H: 17.314, S: 59.230, L: 50.219
- Cubehelix
- H: -0.759, S: 0.700, L: 0.462
- TSL
- T: 3.819, S: 0.294, L: 0.461
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 53% (0.532), 黄色: 61% (0.605), キー・プレート: 25% (0.255)
- CMY
- シアン色: 25% (0.255), マゼンタ色: 65% (0.651), 黄色: 71% (0.706)
- XYZ
- X: 26.080, Y: 18.603, Z: 8.873
- xyY
- x: 0.487, y: 0.347, Y: 18.603
- Lab色空間
- L: 50.219, a: 39.478, b: 27.463
- CIELuv
- L: 50.219, u: 76.135, v: 23.733
- CIELCH/LCHab
- L: 50.219, C: 48.091, H: 34.825
- CIELUV/LCHuv
- L: 50.219, C: 79.748, H: 17.314
- Hunter-Lab
- L: 43.131, a: 32.453, b: 17.995
- CIECAM02
- J: 42.028, C: 49.648, h: 29.721, Q: 127.726, M: 43.416, s: 58.303, H: 12.209
- OSA-UCS
- 明度: -9.925, 黄色: 3.587, 緑色: -7.013
- LMS
- L: 25.662, M: 13.283, S: 9.057
- YCbCr
- Y: 117.036, Cb: 106.906, Cr: 173.333
- YCoCg
- Y: 110.750, Cg: -21.750, Co: 76.250
- YDbDr
- Y: 117.603, Db: -64.112, Dr: -137.671
- YPbPr
- Y: 109.505, Pb: -18.615, Pr: 51.144
- xvYCC
- Y: 110.045, Cb: 111.648, Cr: 172.926
- YIQ
- Y: 117.603, I: 64.665, Q: 17.001
- YUV
- Y: 117.603, U: -20.963, V: 63.515
- マンセルカラーシステム
- 7.5R 5/10 ΔE = 1.088
- ブランドカラー
- Status Chart ΔE = 4.921