
HTML&CSS例
#0c474f前景
悪因悪果。
<p style="color: #0c474f">…</p>
#0c474f背景
異体同心。
<p style="background-color: #0c474f">…</p>
#0c474fテキストに影をつける
酔生夢死。
<p style="text-shadow: 0.1em 0.1em 0.15em #0c474f">…</p>
色空間変換
- 十進
- 804687
- 二進法
- 00001100, 01000111, 01001111
- 十六進法
- #0c474f
- LRV
- ≈ 5.1%
- 最も近い短い16進数
- #144 ΔE = 4.438
- RGB
- rgb(12, 71, 79)
- RGBA
- rgba(12, 71, 79, 1.0)
- rg色度
- r: 0.074, g: 0.438, b: 0.488
- RYB
- 赤色: 4.706%, 黄色: 17.009%, 青色: 30.980%
- Android/android.graphics.Color
- -15972529/0xff0c474f
- HSL
- hsl(187, 74%, 18%)
- HSLA
- hsla(187, 74%, 18%, 1.0)
- HSV/HSB
- 色相: 187° (187.164), 飽和: 85% (0.848), 値: 31% (0.310)
- HSP
- 色相: 187.164, 飽和: 84.810%, 知覚される明るさ: 23.898%
- HSLuv(HUSL)
- H: 209.011, S: 93.328, L: 27.154
- Cubehelix
- H: -180.910, S: 0.606, L: 0.212
- TSL
- T: -1.613, S: 0.375, L: 0.213
- CMYK
- シアン色: 85% (0.848), マゼンタ色: 10% (0.101), 黄色: 0% (0.000), キー・プレート: 69% (0.690)
- CMY
- シアン色: 95% (0.953), マゼンタ色: 72% (0.722), 黄色: 69% (0.690)
- XYZ
- X: 3.816, Y: 5.149, Z: 8.188
- xyY
- x: 0.222, y: 0.300, Y: 5.149
- Lab色空間
- L: 27.154, a: -14.808, b: -10.015
- CIELuv
- L: 27.154, u: -18.825, v: -10.439
- CIELCH/LCHab
- L: 27.154, C: 17.877, H: 214.073
- CIELUV/LCHuv
- L: 27.154, C: 21.526, H: 209.011
- Hunter-Lab
- L: 22.691, a: -9.693, b: -5.512
- CIECAM02
- J: 18.919, C: 27.197, h: 211.012, Q: 85.695, M: 23.783, s: 52.681, H: 267.908
- OSA-UCS
- 明度: -10.116, 黄色: -1.630, 緑色: 2.875
- LMS
- L: 3.678, M: 6.105, S: 8.134
- YCbCr
- Y: 62.610, Cb: 140.244, Cr: 101.531
- YCoCg
- Y: 58.250, Cg: 12.750, Co: -13.750
- YDbDr
- Y: 54.271, Db: 37.214, Dr: 80.383
- YPbPr
- Y: 59.009, Pb: 10.785, Pr: -29.868
- xvYCC
- Y: 66.678, Cb: 137.474, Cr: 101.763
- YIQ
- Y: 54.271, I: -37.717, Q: -9.987
- YUV
- Y: 54.271, U: 12.169, V: -37.085
- マンセルカラーシステム
- 2.5B 2/6 ΔE = 2.390
- ブランドカラー
- About.me (blue) ΔE = 10.933