
HTML&CSS例
#508ea9前景
海千山千。
<p style="color: #508ea9">…</p>
#508ea9背景
虎穴に入らずんば虎子を得ず。
<p style="background-color: #508ea9">…</p>
#508ea9テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #508ea9">…</p>
色空間変換
- 十進
- 5279401
- 二進法
- 01010000, 10001110, 10101001
- 十六進法
- #508ea9
- LRV
- ≈ 23.9%
- 最も近い短い16進数
- #48a ΔE = 3.347
- RGB
- rgb(80, 142, 169)
- RGBA
- rgba(80, 142, 169, 1.0)
- rg色度
- r: 0.205, g: 0.363, b: 0.432
- RYB
- 赤色: 31.373%, 黄色: 45.703%, 青色: 66.275%
- Android/android.graphics.Color
- -11497815/0xff508ea9
- HSL
- hsl(198, 36%, 49%)
- HSLA
- hsla(198, 36%, 49%, 1.0)
- HSV/HSB
- 色相: 198° (198.202), 飽和: 53% (0.527), 値: 66% (0.663)
- HSP
- 色相: 198.202, 飽和: 52.663%, 知覚される明るさ: 51.140%
- HSLuv(HUSL)
- H: 226.700, S: 69.311, L: 56.002
- Cubehelix
- H: -168.250, S: 0.509, L: 0.496
- TSL
- T: -1.860, S: 0.177, L: 0.496
- CMYK
- シアン色: 53% (0.527), マゼンタ色: 16% (0.160), 黄色: 0% (0.000), キー・プレート: 34% (0.337)
- CMY
- シアン色: 69% (0.686), マゼンタ色: 44% (0.443), 黄色: 34% (0.337)
- XYZ
- X: 20.140, Y: 23.914, Z: 41.083
- xyY
- x: 0.237, y: 0.281, Y: 23.914
- Lab色空間
- L: 56.002, a: -12.266, b: -20.380
- CIELuv
- L: 56.002, u: -27.224, v: -28.890
- CIELCH/LCHab
- L: 56.002, C: 23.786, H: 238.958
- CIELUV/LCHuv
- L: 56.002, C: 39.696, H: 226.700
- Hunter-Lab
- L: 48.902, a: -12.065, b: -15.578
- CIECAM02
- J: 44.634, C: 35.760, h: 227.277, Q: 131.626, M: 31.271, s: 48.742, H: 288.062
- OSA-UCS
- 明度: -10.167, 黄色: -3.430, 緑色: 3.118
- LMS
- L: 18.360, M: 26.675, S: 40.787
- YCbCr
- Y: 124.690, Cb: 149.029, Cr: 98.865
- YCgCo
- Y: 133.250, Cg: 8.750, Co: -2.250
- YDbDr
- Y: 126.540, Db: 63.891, Dr: 88.505
- YPbPr
- Y: 130.738, Pb: 20.630, Pr: -32.242
- xvYCC
- Y: 128.281, Cb: 146.122, Cr: 99.678
- YIQ
- Y: 126.540, I: -45.608, Q: -4.710
- YUV
- Y: 126.540, U: 20.895, V: -40.830
- マンセルカラーシステム
- 10B 5/6 ΔE = 3.479
- ブランドカラー
- Salesforce ΔE = 5.066