
HTML&CSS例
#5b6bb4前景
知らぬが仏。
<p style="color: #5b6bb4">…</p>
#5b6bb4背景
見ぬが花。
<p style="background-color: #5b6bb4">…</p>
#5b6bb4テキストに影をつける
羊頭狗肉。
<p style="text-shadow: 0.1em 0.1em 0.15em #5b6bb4">…</p>
色空間変換
- 十進
- 5991348
- 二進法
- 01011011, 01101011, 10110100
- 十六進法
- #5b6bb4
- LRV
- ≈ 16.0%
- 最も近い短い16進数
- #56a ΔE = 2.518
- RGB
- rgb(91, 107, 180)
- RGBA
- rgba(91, 107, 180, 1.0)
- rg色度
- r: 0.241, g: 0.283, b: 0.476
- RYB
- 赤色: 35.686%, 黄色: 41.005%, 青色: 70.588%
- Android/android.graphics.Color
- -10785868/0xff5b6bb4
- HSL
- hsl(229, 37%, 53%)
- HSLA
- hsla(229, 37%, 53%, 1.0)
- HSV/HSB
- 色相: 229° (229.213), 飽和: 49% (0.494), 値: 71% (0.706)
- HSP
- 色相: 229.213, 飽和: 49.444%, 知覚される明るさ: 44.524%
- HSLuv(HUSL)
- H: 260.468, S: 49.406, L: 47.019
- Cubehelix
- H: -132.498, S: 0.579, L: 0.432
- TSL
- T: -2.499, S: 0.141, L: 0.433
- CMYK
- シアン色: 49% (0.494), マゼンタ色: 41% (0.406), 黄色: 0% (0.000), キー・プレート: 29% (0.294)
- CMY
- シアン色: 64% (0.643), マゼンタ色: 58% (0.580), 黄色: 29% (0.294)
- XYZ
- X: 17.808, Y: 16.034, Z: 45.328
- xyY
- x: 0.225, y: 0.203, Y: 16.034
- Lab色空間
- L: 47.019, a: 14.473, b: -40.683
- CIELuv
- L: 47.019, u: -10.506, v: -62.566
- CIELCH/LCHab
- L: 47.019, C: 43.181, H: 289.583
- CIELUV/LCHuv
- L: 47.019, C: 63.442, H: 260.468
- Hunter-Lab
- L: 40.042, a: 9.309, b: -39.087
- CIECAM02
- J: 36.174, C: 46.416, h: 265.873, Q: 118.497, M: 40.590, s: 58.527, H: 314.190
- OSA-UCS
- 明度: -10.366, 黄色: -7.230, 緑色: 0.414
- LMS
- L: 12.576, M: 14.964, S: 44.847
- YCbCr
- Y: 110.955, Cb: 162.415, Cr: 115.793
- YCgCo
- Y: 121.250, Cg: -14.250, Co: 0.500
- YDbDr
- Y: 110.538, Db: 104.509, Dr: 37.169
- YPbPr
- Y: 108.848, Pb: 38.340, Pr: -11.358
- xvYCC
- Y: 109.481, Cb: 161.679, Cr: 118.023
- YIQ
- Y: 110.538, I: -32.984, Q: 19.330
- YUV
- Y: 110.538, U: 34.183, V: -17.141
- マンセルカラーシステム
- 7.5PB 4/12 ΔE = 3.112
- ブランドカラー
- Heroku (dark) ΔE = 3.310