
HTML&CSS例
#1f595c前景
花より団子。
<p style="color: #1f595c">…</p>
#1f595c背景
蛙の子は蛙。
<p style="background-color: #1f595c">…</p>
#1f595cテキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #1f595c">…</p>
色空間変換
- 十進
- 2054492
- 二進法
- 00011111, 01011001, 01011100
- 十六進法
- #1f595c
- LRV
- ≈ 8.2%
- 最も近い短い16進数
- #255 ΔE = 2.212
- RGB
- rgb(31, 89, 92)
- RGBA
- rgba(31, 89, 92, 1.0)
- rg色度
- r: 0.146, g: 0.420, b: 0.434
- RYB
- 赤色: 12.157%, 黄色: 23.816%, 青色: 36.078%
- Android/android.graphics.Color
- -14722724/0xff1f595c
- HSL
- hsl(183, 50%, 24%)
- HSLA
- hsla(183, 50%, 24%, 1.0)
- HSV/HSB
- 色相: 183° (182.951), 飽和: 66% (0.663), 値: 36% (0.361)
- HSP
- 色相: 182.951, 飽和: 66.304%, 知覚される明るさ: 30.127%
- HSLuv(HUSL)
- H: 198.112, S: 83.897, L: 34.413
- Cubehelix
- H: -185.294, S: 0.471, L: 0.282
- TSL
- T: -1.537, S: 0.277, L: 0.282
- CMYK
- シアン色: 66% (0.663), マゼンタ色: 3% (0.033), 黄色: 0% (0.000), キー・プレート: 64% (0.639)
- CMY
- シアン色: 88% (0.878), マゼンタ色: 65% (0.651), 黄色: 64% (0.639)
- XYZ
- X: 6.068, Y: 8.208, Z: 11.388
- xyY
- x: 0.236, y: 0.320, Y: 8.208
- Lab色空間
- L: 34.413, a: -17.456, b: -7.311
- CIELuv
- L: 34.413, u: -22.030, v: -7.206
- CIELCH/LCHab
- L: 34.413, C: 18.925, H: 202.726
- CIELUV/LCHuv
- L: 34.413, C: 23.179, H: 198.112
- Hunter-Lab
- L: 28.650, a: -12.329, b: -3.512
- CIECAM02
- J: 24.590, C: 27.281, h: 202.762, Q: 97.700, M: 23.857, s: 49.415, H: 257.067
- OSA-UCS
- 明度: -10.079, 黄色: -1.161, 緑色: 3.128
- LMS
- L: 6.124, M: 9.733, S: 11.328
- YCbCr
- Y: 77.839, Cb: 137.901, Cr: 102.325
- YCgCo
- Y: 75.250, Cg: 13.750, Co: -7.500
- YDbDr
- Y: 72.000, Db: 30.099, Dr: 77.965
- YPbPr
- Y: 76.862, Pb: 8.170, Pr: -29.138
- xvYCC
- Y: 82.011, Cb: 135.177, Cr: 102.404
- YIQ
- Y: 72.000, I: -35.515, Q: -11.331
- YUV
- Y: 72.000, U: 9.842, V: -35.970
- マンセルカラーシステム
- 10BG 3/6 ΔE = 2.314
- ブランドカラー
- XING ΔE = 4.813