
HTML&CSS例
#1c3c48前景
見ぬが花。
<p style="color: #1c3c48">…</p>
#1c3c48背景
七転び八起き。
<p style="background-color: #1c3c48">…</p>
#1c3c48テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #1c3c48">…</p>
色空間変換
- 十進
- 1850440
- 二進法
- 00011100, 00111100, 01001000
- 十六進法
- #1c3c48
- LRV
- ≈ 3.9%
- 最も近い短い16進数
- #145 ΔE = 3.939
- RGB
- rgb(28, 60, 72)
- RGBA
- rgba(28, 60, 72, 1.0)
- rg色度
- r: 0.175, g: 0.375, b: 0.450
- RYB
- 赤色: 10.980%, 黄色: 18.246%, 青色: 28.235%
- Android/android.graphics.Color
- -14926776/0xff1c3c48
- HSL
- hsl(196, 44%, 20%)
- HSLA
- hsla(196, 44%, 20%, 1.0)
- HSV/HSB
- 色相: 196° (196.364), 飽和: 61% (0.611), 値: 28% (0.282)
- HSP
- 色相: 196.364, 飽和: 61.111%, 知覚される明るさ: 21.258%
- HSLuv(HUSL)
- H: 224.002, S: 73.003, L: 23.493
- Cubehelix
- H: -170.452, S: 0.392, L: 0.203
- TSL
- T: -1.813, S: 0.220, L: 0.203
- CMYK
- シアン色: 61% (0.611), マゼンタ色: 17% (0.167), 黄色: 0% (0.000), キー・プレート: 72% (0.718)
- CMY
- シアン色: 89% (0.890), マゼンタ色: 76% (0.765), 黄色: 72% (0.718)
- XYZ
- X: 3.264, Y: 3.946, Z: 6.719
- xyY
- x: 0.234, y: 0.283, Y: 3.946
- Lab色空間
- L: 23.493, a: -7.707, b: -10.944
- CIELuv
- L: 23.493, u: -12.157, v: -11.740
- CIELCH/LCHab
- L: 23.493, C: 13.385, H: 234.846
- CIELUV/LCHuv
- L: 23.493, C: 16.900, H: 224.002
- Hunter-Lab
- L: 19.865, a: -5.435, b: -6.149
- CIECAM02
- J: 16.472, C: 22.103, h: 224.638, Q: 79.962, M: 19.329, s: 49.166, H: 284.896
- OSA-UCS
- 明度: -10.161, 黄色: -1.834, 緑色: 1.850
- LMS
- L: 2.996, M: 4.443, S: 6.671
- YCbCr
- Y: 60.492, Cb: 138.004, Cr: 113.100
- YCgCo
- Y: 55.000, Cg: 5.000, Co: -4.000
- YDbDr
- Y: 51.800, Db: 30.396, Dr: 45.260
- YPbPr
- Y: 54.048, Pb: 9.680, Pr: -16.552
- xvYCC
- Y: 62.418, Cb: 136.503, Cr: 113.460
- YIQ
- Y: 51.800, I: -22.918, Q: -3.033
- YUV
- Y: 51.800, U: 9.941, V: -20.880
- マンセルカラーシステム
- 7.5B 2/4 ΔE = 1.787
- ブランドカラー
- About.me (blue) ΔE = 6.731