
HTML&CSS例
#577072前景
羊頭狗肉。
<p style="color: #577072">…</p>
#577072背景
知らぬが仏。
<p style="background-color: #577072">…</p>
#577072テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #577072">…</p>
色空間変換
- 十進
- 5730418
- 二進法
- 01010111, 01110000, 01110010
- 十六進法
- #577072
- LRV
- ≈ 14.8%
- 最も近い短い16進数
- #577 ΔE = 3.166
- RGB
- rgb(87, 112, 114)
- RGBA
- rgba(87, 112, 114, 1.0)
- rg色度
- r: 0.278, g: 0.358, b: 0.364
- RYB
- 赤色: 34.118%, 黄色: 39.208%, 青色: 44.706%
- Android/android.graphics.Color
- -11046798/0xff577072
- HSL
- hsl(184, 13%, 39%)
- HSLA
- hsla(184, 13%, 39%, 1.0)
- HSV/HSB
- 色相: 184° (184.444), 飽和: 24% (0.237), 値: 45% (0.447)
- HSP
- 色相: 184.444, 飽和: 23.684%, 知覚される明るさ: 41.331%
- HSLuv(HUSL)
- H: 198.860, S: 36.745, L: 45.399
- Cubehelix
- H: -183.773, S: 0.172, L: 0.411
- TSL
- T: -1.563, S: 0.081, L: 0.411
- CMYK
- シアン色: 24% (0.237), マゼンタ色: 2% (0.018), 黄色: 0% (0.000), キー・プレート: 55% (0.553)
- CMY
- シアン色: 66% (0.659), マゼンタ色: 56% (0.561), 黄色: 55% (0.553)
- XYZ
- X: 12.761, Y: 14.829, Z: 18.106
- xyY
- x: 0.279, y: 0.325, Y: 14.829
- Lab色空間
- L: 45.399, a: -8.624, b: -4.121
- CIELuv
- L: 45.399, u: -12.707, v: -4.341
- CIELCH/LCHab
- L: 45.399, C: 9.558, H: 205.540
- CIELUV/LCHuv
- L: 45.399, C: 13.428, H: 198.860
- Hunter-Lab
- L: 38.508, a: -8.238, b: -0.922
- CIECAM02
- J: 34.724, C: 15.794, h: 204.623, Q: 116.098, M: 13.812, s: 34.492, H: 259.551
- OSA-UCS
- 明度: -10.086, 黄色: -0.708, 緑色: 1.690
- LMS
- L: 12.781, M: 16.304, S: 18.046
- YCbCr
- Y: 105.979, Cb: 132.578, Cr: 116.883
- YCgCo
- Y: 106.250, Cg: 5.750, Co: 15.000
- YDbDr
- Y: 104.753, Db: 13.916, Dr: 33.759
- YPbPr
- Y: 106.819, Pb: 3.875, Pr: -12.592
- xvYCC
- Y: 107.739, Cb: 131.404, Cr: 116.939
- YIQ
- Y: 104.753, I: -15.535, Q: -4.664
- YUV
- Y: 104.753, U: 4.551, V: -15.575
- マンセルカラーシステム
- 7.5BG 4/2 ΔE = 3.701
- ブランドカラー
- XING ΔE = 9.705