
HTML&CSS例
#1e85ab前景
猫に小判。
<p style="color: #1e85ab">…</p>
#1e85ab背景
知らぬが仏。
<p style="background-color: #1e85ab">…</p>
#1e85abテキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #1e85ab">…</p>
色空間変換
- 十進
- 2000299
- 二進法
- 00011110, 10000101, 10101011
- 十六進法
- #1e85ab
- LRV
- ≈ 20.0%
- 最も近い短い16進数
- #38a ΔE = 1.863
- RGB
- rgb(30, 133, 171)
- RGBA
- rgba(30, 133, 171, 1.0)
- rg色度
- r: 0.090, g: 0.398, b: 0.512
- RYB
- 赤色: 11.765%, 黄色: 35.106%, 青色: 67.059%
- Android/android.graphics.Color
- -14776917/0xff1e85ab
- HSL
- hsl(196, 70%, 39%)
- HSLA
- hsla(196, 70%, 39%, 1.0)
- HSV/HSB
- 色相: 196° (196.170), 飽和: 82% (0.825), 値: 67% (0.671)
- HSP
- 色相: 196.170, 飽和: 82.456%, 知覚される明るさ: 46.377%
- HSLuv(HUSL)
- H: 230.151, S: 94.357, L: 51.825
- Cubehelix
- H: -170.682, S: 0.835, L: 0.417
- TSL
- T: -1.808, S: 0.338, L: 0.418
- CMYK
- シアン色: 82% (0.825), マゼンタ色: 22% (0.222), 黄色: 0% (0.000), キー・プレート: 33% (0.329)
- CMY
- シアン色: 88% (0.882), マゼンタ色: 48% (0.478), 黄色: 33% (0.329)
- XYZ
- X: 16.271, Y: 19.989, Z: 41.521
- xyY
- x: 0.209, y: 0.257, Y: 19.989
- Lab色空間
- L: 51.825, a: -14.725, b: -28.093
- CIELuv
- L: 51.825, u: -33.788, v: -40.483
- CIELCH/LCHab
- L: 51.825, C: 31.718, H: 242.339
- CIELUV/LCHuv
- L: 51.825, C: 52.731, H: 230.151
- Hunter-Lab
- L: 44.709, a: -13.282, b: -23.765
- CIECAM02
- J: 39.975, C: 45.864, h: 228.414, Q: 124.568, M: 40.108, s: 56.743, H: 289.414
- OSA-UCS
- 明度: -10.213, 黄色: -4.747, 緑色: 4.144
- LMS
- L: 13.767, M: 22.737, S: 41.152
- YCbCr
- Y: 107.500, Cb: 159.926, Cr: 80.085
- YCoCg
- Y: 116.750, Cg: 16.250, Co: -27.750
- YDbDr
- Y: 106.535, Db: 97.004, Dr: 145.545
- YPbPr
- Y: 113.797, Pb: 30.845, Pr: -53.248
- xvYCC
- Y: 113.732, Cb: 155.095, Cr: 81.225
- YIQ
- Y: 106.535, I: -73.567, Q: -9.957
- YUV
- Y: 106.535, U: 31.724, V: -67.145
- マンセルカラーシステム
- 10B 5/8 ΔE = 2.730
- ブランドカラー
- WordPress (blue) ΔE = 6.079