
HTML&CSS例
#2843af前景
花より団子。
<p style="color: #2843af">…</p>
#2843af背景
蛙の子は蛙。
<p style="background-color: #2843af">…</p>
#2843afテキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #2843af">…</p>
色空間変換
- 十進
- 2638767
- 二進法
- 00101000, 01000011, 10101111
- 十六進法
- #2843af
- LRV
- ≈ 7.6%
- 最も近い短い16進数
- #34a ΔE = 1.092
- RGB
- rgb(40, 67, 175)
- RGBA
- rgba(40, 67, 175, 1.0)
- rg色度
- r: 0.142, g: 0.238, b: 0.621
- RYB
- 赤色: 15.686%, 黄色: 24.510%, 青色: 68.627%
- Android/android.graphics.Color
- -14138449/0xff2843af
- HSL
- hsl(228, 63%, 42%)
- HSLA
- hsla(228, 63%, 42%, 1.0)
- HSV/HSB
- 色相: 228° (228.000), 飽和: 77% (0.771), 値: 69% (0.686)
- HSP
- 色相: 228.000, 飽和: 77.143%, 知覚される明るさ: 31.870%
- HSLuv(HUSL)
- H: 262.140, S: 83.598, L: 33.048
- Cubehelix
- H: -133.684, S: 1.063, L: 0.278
- TSL
- T: -2.446, S: 0.287, L: 0.279
- CMYK
- シアン色: 77% (0.771), マゼンタ色: 62% (0.617), 黄色: 0% (0.000), キー・プレート: 31% (0.314)
- CMY
- シアン色: 84% (0.843), マゼンタ色: 74% (0.737), 黄色: 31% (0.314)
- XYZ
- X: 10.617, Y: 7.559, Z: 41.449
- xyY
- x: 0.178, y: 0.127, Y: 7.559
- Lab色空間
- L: 33.048, a: 29.390, b: -60.383
- CIELuv
- L: 33.048, u: -11.529, v: -83.516
- CIELCH/LCHab
- L: 33.048, C: 67.156, H: 295.954
- CIELUV/LCHuv
- L: 33.048, C: 84.308, H: 262.140
- Hunter-Lab
- L: 27.494, a: 20.816, b: -70.136
- CIECAM02
- J: 23.262, C: 62.033, h: 261.717, Q: 95.024, M: 54.247, s: 75.556, H: 311.984
- OSA-UCS
- 明度: -10.644, 黄色: -10.961, 緑色: 1.576
- LMS
- L: 4.297, M: 5.614, S: 40.895
- YCbCr
- Y: 77.198, Cb: 179.408, Cr: 108.479
- YCgCo
- Y: 87.250, Cg: -20.250, Co: -23.750
- YDbDr
- Y: 71.239, Db: 156.114, Dr: 59.427
- YPbPr
- Y: 69.025, Pb: 57.105, Pr: -18.468
- xvYCC
- Y: 75.280, Cb: 178.163, Cr: 111.777
- YIQ
- Y: 71.239, I: -50.781, Q: 27.893
- YUV
- Y: 71.239, U: 51.061, V: -27.406
- マンセルカラーシステム
- 7.5PB 3/12 ΔE = 7.362
- ブランドカラー
- Boeing ΔE = 4.492