
HTML&CSS例
#3487af前景
蛙の子は蛙。
<p style="color: #3487af">…</p>
#3487af背景
猫に小判。
<p style="background-color: #3487af">…</p>
#3487afテキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #3487af">…</p>
色空間変換
- 十進
- 3442607
- 二進法
- 00110100, 10000111, 10101111
- 十六進法
- #3487af
- LRV
- ≈ 21.2%
- 最も近い短い16進数
- #48a ΔE = 1.974
- RGB
- rgb(52, 135, 175)
- RGBA
- rgba(52, 135, 175, 1.0)
- rg色度
- r: 0.144, g: 0.373, b: 0.483
- RYB
- 赤色: 20.392%, 黄色: 39.827%, 青色: 68.627%
- Android/android.graphics.Color
- -13334609/0xff3487af
- HSL
- hsl(200, 54%, 45%)
- HSLA
- hsla(200, 54%, 45%, 1.0)
- HSV/HSB
- 色相: 200° (199.512), 飽和: 70% (0.703), 値: 69% (0.686)
- HSP
- 色相: 199.512, 飽和: 70.286%, 知覚される明るさ: 48.026%
- HSLuv(HUSL)
- H: 233.136, S: 85.860, L: 53.115
- Cubehelix
- H: -166.666, S: 0.708, L: 0.449
- TSL
- T: -1.894, S: 0.260, L: 0.450
- CMYK
- シアン色: 70% (0.703), マゼンタ色: 23% (0.229), 黄色: 0% (0.000), キー・プレート: 31% (0.314)
- CMY
- シアン色: 80% (0.796), マゼンタ色: 47% (0.471), 黄色: 31% (0.314)
- XYZ
- X: 17.815, Y: 21.151, Z: 43.693
- xyY
- x: 0.216, y: 0.256, Y: 21.151
- Lab色空間
- L: 53.115, a: -11.763, b: -28.356
- CIELuv
- L: 53.115, u: -31.055, v: -41.414
- CIELCH/LCHab
- L: 53.115, C: 30.699, H: 247.469
- CIELUV/LCHuv
- L: 53.115, C: 51.764, H: 233.136
- Hunter-Lab
- L: 45.990, a: -11.339, b: -24.135
- CIECAM02
- J: 41.404, C: 44.177, h: 231.854, Q: 126.775, M: 38.632, s: 55.202, H: 293.461
- OSA-UCS
- 明度: -10.219, 黄色: -4.812, 緑色: 3.671
- LMS
- L: 15.046, M: 23.636, S: 43.309
- YCbCr
- Y: 114.554, Cb: 157.844, Cr: 88.723
- YCgCo
- Y: 124.250, Cg: 10.750, Co: -17.750
- YDbDr
- Y: 114.743, Db: 90.670, Dr: 119.319
- YPbPr
- Y: 120.201, Pb: 29.545, Pr: -43.340
- xvYCC
- Y: 119.231, Cb: 153.953, Cr: 89.929
- YIQ
- Y: 114.743, I: -62.295, Q: -5.105
- YUV
- Y: 114.743, U: 29.653, V: -55.045
- マンセルカラーシステム
- 2.5PB 5/8 ΔE = 2.609
- ブランドカラー
- Dell ΔE = 5.910