
HTML&CSS例
#1e4966前景
蛙の子は蛙。
<p style="color: #1e4966">…</p>
#1e4966背景
海千山千。
<p style="background-color: #1e4966">…</p>
#1e4966テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #1e4966">…</p>
色空間変換
- 十進
- 1984870
- 二進法
- 00011110, 01001001, 01100110
- 十六進法
- #1e4966
- LRV
- ≈ 6.0%
- 最も近い短い16進数
- #146 ΔE = 2.838
- RGB
- rgb(30, 73, 102)
- RGBA
- rgba(30, 73, 102, 1.0)
- rg色度
- r: 0.146, g: 0.356, b: 0.498
- RYB
- 赤色: 11.765%, 黄色: 22.322%, 青色: 40.000%
- Android/android.graphics.Color
- -14792346/0xff1e4966
- HSL
- hsl(204, 55%, 26%)
- HSLA
- hsla(204, 55%, 26%, 1.0)
- HSV/HSB
- 色相: 204° (204.167), 飽和: 71% (0.706), 値: 40% (0.400)
- HSP
- 色相: 204.167, 飽和: 70.588%, 知覚される明るさ: 26.549%
- HSLuv(HUSL)
- H: 239.673, S: 81.623, L: 29.412
- Cubehelix
- H: -160.970, S: 0.546, L: 0.248
- TSL
- T: -2.027, S: 0.253, L: 0.249
- CMYK
- シアン色: 71% (0.706), マゼンタ色: 28% (0.284), 黄色: 0% (0.000), キー・プレート: 60% (0.600)
- CMY
- シアン色: 88% (0.882), マゼンタ色: 71% (0.714), 黄色: 60% (0.600)
- XYZ
- X: 5.315, Y: 6.000, Z: 13.446
- xyY
- x: 0.215, y: 0.242, Y: 6.000
- Lab色空間
- L: 29.412, a: -4.536, b: -21.298
- CIELuv
- L: 29.412, u: -15.716, v: -26.866
- CIELCH/LCHab
- L: 29.412, C: 21.776, H: 257.976
- CIELUV/LCHuv
- L: 29.412, C: 31.125, H: 239.673
- Hunter-Lab
- L: 24.495, a: -4.131, b: -15.400
- CIECAM02
- J: 20.689, C: 32.196, h: 238.626, Q: 89.614, M: 28.155, s: 56.052, H: 300.514
- OSA-UCS
- 明度: -10.253, 黄色: -3.653, 緑色: 2.128
- LMS
- L: 4.289, M: 6.527, S: 13.320
- YCbCr
- Y: 70.498, Cb: 147.095, Cr: 107.064
- YCgCo
- Y: 69.500, Cg: 3.500, Co: -10.500
- YDbDr
- Y: 63.449, Db: 58.007, Dr: 63.612
- YPbPr
- Y: 65.929, Pb: 19.445, Pr: -22.834
- xvYCC
- Y: 72.621, Cb: 145.081, Cr: 107.942
- YIQ
- Y: 63.449, I: -34.932, Q: -0.070
- YUV
- Y: 63.449, U: 18.971, V: -29.345
- マンセルカラーシステム
- 2.5PB 3/6 ΔE = 3.079
- ブランドカラー
- About.me (blue) ΔE = 4.451