
HTML&CSS例
#2e326e前景
蛙の子は蛙。
<p style="color: #2e326e">…</p>
#2e326e背景
異体同心。
<p style="background-color: #2e326e">…</p>
#2e326eテキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #2e326e">…</p>
色空間変換
- 十進
- 3027566
- 二進法
- 00101110, 00110010, 01101110
- 十六進法
- #2e326e
- LRV
- ≈ 4.0%
- 最も近い短い16進数
- #237 ΔE = 2.087
- RGB
- rgb(46, 50, 110)
- RGBA
- rgba(46, 50, 110, 1.0)
- rg色度
- r: 0.223, g: 0.243, b: 0.534
- RYB
- 赤色: 18.039%, 黄色: 19.516%, 青色: 43.137%
- Android/android.graphics.Color
- -13749650/0xff2e326e
- HSL
- hsl(236, 41%, 31%)
- HSLA
- hsla(236, 41%, 31%, 1.0)
- HSV/HSB
- 色相: 236° (236.250), 飽和: 58% (0.582), 値: 43% (0.431)
- HSP
- 色相: 236.250, 飽和: 58.182%, 知覚される明るさ: 23.133%
- HSLuv(HUSL)
- H: 264.384, S: 52.559, L: 23.630
- Cubehelix
- H: -126.117, S: 0.642, L: 0.217
- TSL
- T: -2.800, S: 0.191, L: 0.218
- CMYK
- シアン色: 58% (0.582), マゼンタ色: 55% (0.545), 黄色: 0% (0.000), キー・プレート: 57% (0.569)
- CMY
- シアン色: 82% (0.820), マゼンタ色: 80% (0.804), 黄色: 57% (0.569)
- XYZ
- X: 5.081, Y: 3.987, Z: 15.251
- xyY
- x: 0.209, y: 0.164, Y: 3.987
- Lab色空間
- L: 23.630, a: 17.533, b: -35.538
- CIELuv
- L: 23.630, u: -4.349, v: -44.232
- CIELCH/LCHab
- L: 23.630, C: 39.628, H: 296.260
- CIELUV/LCHuv
- L: 23.630, C: 44.446, H: 264.384
- Hunter-Lab
- L: 19.969, a: 10.473, b: -31.304
- CIECAM02
- J: 16.726, C: 40.242, h: 270.127, Q: 80.577, M: 35.191, s: 66.087, H: 316.495
- OSA-UCS
- 明度: -10.492, 黄色: -6.411, 緑色: -0.046
- LMS
- L: 2.960, M: 3.287, S: 15.067
- YCbCr
- Y: 63.802, Cb: 154.932, Cr: 121.984
- YCgCo
- Y: 64.000, Cg: -14.000, Co: -4.500
- YDbDr
- Y: 55.644, Db: 81.780, Dr: 18.352
- YPbPr
- Y: 53.468, Pb: 30.460, Pr: -4.760
- xvYCC
- Y: 61.920, Cb: 154.757, Cr: 123.819
- YIQ
- Y: 55.644, I: -21.659, Q: 17.822
- YUV
- Y: 55.644, U: 26.749, V: -8.461
- マンセルカラーシステム
- 7.5PB 2/10 ΔE = 1.652
- ブランドカラー
- Booking.com ΔE = 4.122