
HTML&CSS例
#5869b5前景
花より団子。
<p style="color: #5869b5">…</p>
#5869b5背景
起死回生。
<p style="background-color: #5869b5">…</p>
#5869b5テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #5869b5">…</p>
色空間変換
- 十進
- 5794229
- 二進法
- 01011000, 01101001, 10110101
- 十六進法
- #5869b5
- LRV
- ≈ 15.5%
- 最も近い短い16進数
- #56b ΔE = 1.930
- RGB
- rgb(88, 105, 181)
- RGBA
- rgba(88, 105, 181, 1.0)
- rg色度
- r: 0.235, g: 0.281, b: 0.484
- RYB
- 赤色: 34.510%, 黄色: 40.146%, 青色: 70.980%
- Android/android.graphics.Color
- -10982987/0xff5869b5
- HSL
- hsl(229, 39%, 53%)
- HSLA
- hsla(229, 39%, 53%, 1.0)
- HSV/HSB
- 色相: 229° (229.032), 飽和: 51% (0.514), 値: 71% (0.710)
- HSP
- 色相: 229.032, 飽和: 51.381%, 知覚される明るさ: 43.883%
- HSLuv(HUSL)
- H: 260.504, S: 51.609, L: 46.329
- Cubehelix
- H: -132.674, S: 0.607, L: 0.425
- TSL
- T: -2.491, S: 0.149, L: 0.426
- CMYK
- シアン色: 51% (0.514), マゼンタ色: 42% (0.420), 黄色: 0% (0.000), キー・プレート: 29% (0.290)
- CMY
- シアン色: 65% (0.655), マゼンタ色: 59% (0.588), 黄色: 29% (0.290)
- XYZ
- X: 17.414, Y: 15.513, Z: 45.784
- xyY
- x: 0.221, y: 0.197, Y: 15.513
- Lab色空間
- L: 46.329, a: 15.322, b: -42.372
- CIELuv
- L: 46.329, u: -10.880, v: -65.045
- CIELCH/LCHab
- L: 46.329, C: 45.057, H: 289.880
- CIELUV/LCHuv
- L: 46.329, C: 65.948, H: 260.504
- Hunter-Lab
- L: 39.386, a: 9.994, b: -41.350
- CIECAM02
- J: 35.476, C: 47.949, h: 265.540, Q: 117.349, M: 41.931, s: 59.776, H: 314.011
- OSA-UCS
- 明度: -10.382, 黄色: -7.538, 緑色: 0.474
- LMS
- L: 11.990, M: 14.360, S: 45.287
- YCbCr
- Y: 109.274, Cb: 163.880, Cr: 115.141
- YCgCo
- Y: 119.750, Cg: -14.750, Co: -1.250
- YDbDr
- Y: 108.581, Db: 108.958, Dr: 39.153
- YPbPr
- Y: 106.851, Pb: 39.955, Pr: -11.996
- xvYCC
- Y: 107.766, Cb: 163.098, Cr: 117.462
- YIQ
- Y: 108.581, I: -34.543, Q: 20.052
- YUV
- Y: 108.581, U: 35.638, V: -18.056
- マンセルカラーシステム
- 7.5PB 4/12 ΔE = 2.863
- ブランドカラー
- Heroku (dark) ΔE = 3.656