
HTML&CSS例
#b7bdd6前景
見ぬが花。
<p style="color: #b7bdd6">…</p>
#b7bdd6背景
覆水盆に帰らず。
<p style="background-color: #b7bdd6">…</p>
#b7bdd6テキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #b7bdd6">…</p>
色空間変換
- 十進
- 12041686
- 二進法
- 10110111, 10111101, 11010110
- 十六進法
- #b7bdd6
- LRV
- ≈ 51.3%
- 最も近い短い16進数
- #bbd ΔE = 3.277
- RGB
- rgb(183, 189, 214)
- RGBA
- rgba(183, 189, 214, 1.0)
- rg色度
- r: 0.312, g: 0.323, b: 0.365
- RYB
- 赤色: 71.765%, 黄色: 73.736%, 青色: 83.922%
- Android/android.graphics.Color
- -4735530/0xffb7bdd6
- HSL
- hsl(228, 27%, 78%)
- HSLA
- hsla(228, 27%, 78%, 1.0)
- HSV/HSB
- 色相: 228° (228.387), 飽和: 14% (0.145), 値: 84% (0.839)
- HSP
- 色相: 228.387, 飽和: 14.486%, 知覚される明るさ: 74.615%
- HSLuv(HUSL)
- H: 257.520, S: 35.717, L: 76.871
- Cubehelix
- H: -133.303, S: 0.259, L: 0.745
- TSL
- T: -2.463, S: 0.032, L: 0.745
- CMYK
- シアン色: 14% (0.145), マゼンタ色: 12% (0.117), 黄色: 0% (0.000), キー・プレート: 16% (0.161)
- CMY
- シアン色: 28% (0.282), マゼンタ色: 26% (0.259), 黄色: 16% (0.161)
- XYZ
- X: 49.861, Y: 51.317, Z: 70.884
- xyY
- x: 0.290, y: 0.298, Y: 51.317
- Lab色空間
- L: 76.871, a: 2.949, b: -13.216
- CIELuv
- L: 76.871, u: -4.627, v: -20.906
- CIELCH/LCHab
- L: 76.871, C: 13.540, H: 282.577
- CIELUV/LCHuv
- L: 76.871, C: 21.412, H: 257.520
- Hunter-Lab
- L: 71.636, a: -1.121, b: -8.522
- CIECAM02
- J: 69.360, C: 18.251, h: 265.012, Q: 164.084, M: 15.960, s: 31.188, H: 313.729
- OSA-UCS
- 明度: -10.141, 黄色: -2.383, 緑色: 0.268
- LMS
- L: 47.072, M: 52.461, S: 70.554
- YCbCr
- Y: 179.259, Cb: 139.863, Cr: 123.591
- YCgCo
- Y: 193.750, Cg: -4.750, Co: 38.000
- YDbDr
- Y: 190.056, Db: 36.025, Dr: 13.423
- YPbPr
- Y: 189.522, Pb: 13.190, Pr: -4.150
- xvYCC
- Y: 178.766, Cb: 139.587, Cr: 124.355
- YIQ
- Y: 190.056, I: -11.606, Q: 6.510
- YUV
- Y: 190.056, U: 11.785, V: -6.190
- マンセルカラーシステム
- 10PB 7/4 ΔE = 3.221
- ブランドカラー
- Heroku (light) ΔE = 5.003