
HTML&CSS例
#c1878a前景
異体同心。
<p style="color: #c1878a">…</p>
#c1878a背景
蛙の子は蛙。
<p style="background-color: #c1878a">…</p>
#c1878aテキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #c1878a">…</p>
色空間変換
- 十進
- 12683146
- 二進法
- 11000001, 10000111, 10001010
- 十六進法
- #c1878a
- LRV
- ≈ 30.5%
- 最も近い短い16進数
- #b88 ΔE = 1.871
- RGB
- rgb(193, 135, 138)
- RGBA
- rgba(193, 135, 138, 1.0)
- rg色度
- r: 0.414, g: 0.290, b: 0.296
- RYB
- 赤色: 75.686%, 黄色: 52.941%, 青色: 54.118%
- Android/android.graphics.Color
- -4094070/0xffc1878a
- HSL
- hsl(357, 32%, 64%)
- HSLA
- hsla(357, 32%, 64%, 1.0)
- HSV/HSB
- 色相: 357° (356.897), 飽和: 30% (0.301), 値: 76% (0.757)
- HSP
- 色相: 356.897, 飽和: 30.052%, 知覚される明るさ: 60.761%
- HSLuv(HUSL)
- H: 9.096, S: 31.782, L: 62.085
- Cubehelix
- H: -11.228, S: 0.379, L: 0.599
- TSL
- T: 3.995, S: 0.123, L: 0.599
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 30% (0.301), 黄色: 28% (0.285), キー・プレート: 24% (0.243)
- CMY
- シアン色: 24% (0.243), マゼンタ色: 47% (0.471), 黄色: 46% (0.459)
- XYZ
- X: 35.245, Y: 30.502, Z: 28.071
- xyY
- x: 0.376, y: 0.325, Y: 30.502
- Lab色空間
- L: 62.085, a: 22.640, b: 7.339
- CIELuv
- L: 62.085, u: 37.524, v: 6.007
- CIELCH/LCHab
- L: 62.085, C: 23.800, H: 17.962
- CIELUV/LCHuv
- L: 62.085, C: 38.002, H: 9.096
- Hunter-Lab
- L: 55.229, a: 17.259, b: 8.525
- CIECAM02
- J: 53.611, C: 24.879, h: 16.483, Q: 144.257, M: 21.757, s: 38.835, H: 396.202
- OSA-UCS
- 明度: -10.069, 黄色: 0.767, 緑色: -3.743
- LMS
- L: 34.372, M: 27.151, S: 28.126
- YCbCr
- Y: 147.165, Cb: 120.733, Cr: 153.249
- YCgCo
- Y: 150.250, Cg: -15.250, Co: 62.000
- YDbDr
- Y: 152.684, Db: -22.101, Dr: -76.663
- YPbPr
- Y: 147.570, Pb: -5.170, Pr: 28.862
- xvYCC
- Y: 142.737, Cb: 123.459, Cr: 153.353
- YIQ
- Y: 152.684, I: 33.588, Q: 13.198
- YUV
- Y: 152.684, U: -7.224, V: 35.370
- マンセルカラーシステム
- 2.5R 6/6 ΔE = 1.262
- ブランドカラー
- Dribbble ΔE = 13.318