
HTML&CSS例
#5c7084前景
蛙の子は蛙。
<p style="color: #5c7084">…</p>
#5c7084背景
弱肉強食。
<p style="background-color: #5c7084">…</p>
#5c7084テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #5c7084">…</p>
色空間変換
- 十進
- 6058116
- 二進法
- 01011100, 01110000, 10000100
- 十六進法
- #5c7084
- LRV
- ≈ 15.5%
- 最も近い短い16進数
- #678 ΔE = 3.205
- RGB
- rgb(92, 112, 132)
- RGBA
- rgba(92, 112, 132, 1.0)
- rg色度
- r: 0.274, g: 0.333, b: 0.393
- RYB
- 赤色: 36.078%, 黄色: 41.307%, 青色: 51.765%
- Android/android.graphics.Color
- -10719100/0xff5c7084
- HSL
- hsl(210, 18%, 44%)
- HSLA
- hsla(210, 18%, 44%, 1.0)
- HSV/HSB
- 色相: 210° (210.000), 飽和: 30% (0.303), 値: 52% (0.518)
- HSP
- 色相: 210.000, 飽和: 30.303%, 知覚される明るさ: 42.744%
- HSLuv(HUSL)
- H: 239.895, S: 35.636, L: 46.350
- Cubehelix
- H: -153.819, S: 0.233, L: 0.424
- TSL
- T: -1.717, S: 0.080, L: 0.425
- CMYK
- シアン色: 30% (0.303), マゼンタ色: 15% (0.152), 黄色: 0% (0.000), キー・プレート: 48% (0.482)
- CMY
- シアン色: 64% (0.639), マゼンタ色: 56% (0.561), 黄色: 48% (0.482)
- XYZ
- X: 14.371, Y: 15.529, Z: 24.065
- xyY
- x: 0.266, y: 0.288, Y: 15.529
- Lab色空間
- L: 46.350, a: -2.379, b: -13.422
- CIELuv
- L: 46.350, u: -10.796, v: -18.621
- CIELCH/LCHab
- L: 46.350, C: 13.631, H: 259.951
- CIELUV/LCHuv
- L: 46.350, C: 21.525, H: 239.895
- Hunter-Lab
- L: 39.407, a: -3.864, b: -8.623
- CIECAM02
- J: 35.679, C: 21.074, h: 243.388, Q: 117.683, M: 18.429, s: 39.572, H: 302.776
- OSA-UCS
- 明度: -10.160, 黄色: -2.322, 緑色: 1.117
- LMS
- L: 13.294, M: 16.396, S: 23.920
- YCbCr
- Y: 109.028, Cb: 139.740, Cr: 117.800
- YCoCg
- Y: 112.000, Cg: 0.000, Co: 13.000
- YDbDr
- Y: 108.300, Db: 35.660, Dr: 31.000
- YPbPr
- Y: 109.180, Pb: 12.300, Pr: -10.920
- xvYCC
- Y: 109.766, Cb: 138.805, Cr: 118.408
- YIQ
- Y: 108.300, I: -18.340, Q: 1.994
- YUV
- Y: 108.300, U: 11.664, V: -14.300
- マンセルカラーシステム
- 2.5PB 4/4 ΔE = 3.916
- ブランドカラー
- Southwest Airlines Deep Silver ΔE = 5.516