
HTML&CSS例
#0136a5前景
案ずるより産むが易し。
<p style="color: #0136a5">…</p>
#0136a5背景
花より団子。
<p style="background-color: #0136a5">…</p>
#0136a5テキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #0136a5">…</p>
色空間変換
- 十進
- 79525
- 二進法
- 00000001, 00110110, 10100101
- 十六進法
- #0136a5
- LRV
- ≈ 5.4%
- 最も近い短い16進数
- #03a ΔE = 1.434
- RGB
- rgb(1, 54, 165)
- RGBA
- rgba(1, 54, 165, 1.0)
- rg色度
- r: 0.005, g: 0.245, b: 0.750
- RYB
- 赤色: 0.392%, 黄色: 16.100%, 青色: 64.706%
- Android/android.graphics.Color
- -16697691/0xff0136a5
- HSL
- hsl(221, 99%, 33%)
- HSLA
- hsla(221, 99%, 33%, 1.0)
- HSV/HSB
- 色相: 221° (220.610), 飽和: 99% (0.994), 値: 65% (0.647)
- HSP
- 色相: 220.610, 飽和: 99.394%, 知覚される明るさ: 27.214%
- HSLuv(HUSL)
- H: 261.593, S: 99.723, L: 27.737
- Cubehelix
- H: -141.427, S: 1.546, L: 0.197
- TSL
- T: -2.128, S: 0.457, L: 0.199
- CMYK
- シアン色: 99% (0.994), マゼンタ色: 67% (0.673), 黄色: 0% (0.000), キー・プレート: 35% (0.353)
- CMY
- シアン色: 100% (0.996), マゼンタ色: 79% (0.788), 黄色: 35% (0.353)
- XYZ
- X: 8.121, Y: 5.360, Z: 36.197
- xyY
- x: 0.163, y: 0.108, Y: 5.360
- Lab色空間
- L: 27.737, a: 31.696, b: -63.138
- CIELuv
- L: 27.737, u: -11.916, v: -80.625
- CIELCH/LCHab
- L: 27.737, C: 70.648, H: 296.657
- CIELUV/LCHuv
- L: 27.737, C: 81.501, H: 261.593
- Hunter-Lab
- L: 23.152, a: 22.093, b: -76.488
- CIECAM02
- J: 18.855, C: 63.893, h: 257.518, Q: 85.550, M: 55.874, s: 80.815, H: 309.802
- OSA-UCS
- 明度: -10.739, 黄色: -11.533, 緑色: 2.725
- LMS
- L: 2.375, M: 3.606, S: 35.693
- YCbCr
- Y: 59.643, Cb: 184.573, Cr: 96.852
- YCgCo
- Y: 68.500, Cg: -14.500, Co: -40.750
- YDbDr
- Y: 50.807, Db: 171.813, Dr: 94.736
- YPbPr
- Y: 50.703, Pb: 61.595, Pr: -31.606
- xvYCC
- Y: 59.545, Cb: 182.107, Cr: 100.236
- YIQ
- Y: 50.807, I: -67.233, Q: 23.329
- YUV
- Y: 50.807, U: 56.194, V: -43.696
- マンセルカラーシステム
- 7.5PB 3/12 ΔE = 10.757
- ブランドカラー
- Boeing ΔE = 1.075