
HTML&CSS例
#186454前景
案ずるより産むが易し。
<p style="color: #186454">…</p>
#186454背景
蓼食う虫も好き好き。
<p style="background-color: #186454">…</p>
#186454テキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #186454">…</p>
色空間変換
- 十進
- 1598548
- 二進法
- 00011000, 01100100, 01010100
- 十六進法
- #186454
- LRV
- ≈ 9.9%
- 最も近い短い16進数
- #165 ΔE = 0.922
- RGB
- rgb(24, 100, 84)
- RGBA
- rgba(24, 100, 84, 1.0)
- rg色度
- r: 0.115, g: 0.481, b: 0.404
- RYB
- 赤色: 9.412%, 黄色: 26.067%, 青色: 39.216%
- Android/android.graphics.Color
- -15178668/0xff186454
- HSL
- hsl(167, 61%, 24%)
- HSLA
- hsla(167, 61%, 24%, 1.0)
- HSV/HSB
- 色相: 167° (167.368), 飽和: 76% (0.760), 値: 39% (0.392)
- HSP
- 色相: 167.368, 飽和: 76.000%, 知覚される明るさ: 32.449%
- HSLuv(HUSL)
- H: 166.257, S: 90.562, L: 37.749
- Cubehelix
- H: -201.342, S: 0.543, L: 0.296
- TSL
- T: -1.283, S: 0.353, L: 0.296
- CMYK
- シアン色: 76% (0.760), マゼンタ色: 0% (0.000), 黄色: 16% (0.160), キー・プレート: 61% (0.608)
- CMY
- シアン色: 91% (0.906), マゼンタ色: 61% (0.608), 黄色: 67% (0.671)
- XYZ
- X: 6.533, Y: 9.948, Z: 9.962
- xyY
- x: 0.247, y: 0.376, Y: 9.948
- Lab色空間
- L: 37.749, a: -26.858, b: 2.550
- CIELuv
- L: 37.749, u: -28.003, v: 6.849
- CIELCH/LCHab
- L: 37.749, C: 26.978, H: 174.575
- CIELUV/LCHuv
- L: 37.749, C: 28.828, H: 166.257
- Hunter-Lab
- L: 31.540, a: -18.221, b: 3.352
- CIECAM02
- J: 27.262, C: 30.912, h: 177.369, Q: 102.871, M: 27.032, s: 51.262, H: 220.740
- OSA-UCS
- 明度: -9.960, 黄色: 0.501, 緑色: 4.073
- LMS
- L: 7.443, M: 12.350, S: 9.951
- YCbCr
- Y: 80.800, Cb: 132.224, Cr: 95.772
- YCoCg
- Y: 77.000, Cg: 23.000, Co: -9.000
- YDbDr
- Y: 75.452, Db: 12.872, Dr: 97.836
- YPbPr
- Y: 82.660, Pb: 0.740, Pr: -37.264
- xvYCC
- Y: 86.990, Cb: 128.650, Cr: 95.266
- YIQ
- Y: 75.452, I: -40.134, Q: -21.049
- YUV
- Y: 75.452, U: 4.207, V: -45.140
- マンセルカラーシステム
- 10G 4/6 ΔE = 3.711
- ブランドカラー
- XING ΔE = 8.289