
HTML&CSS例
#c5a5c8前景
美人薄命。
<p style="color: #c5a5c8">…</p>
#c5a5c8背景
花より団子。
<p style="background-color: #c5a5c8">…</p>
#c5a5c8テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #c5a5c8">…</p>
色空間変換
- 十進
- 12953032
- 二進法
- 11000101, 10100101, 11001000
- 十六進法
- #c5a5c8
- LRV
- ≈ 43.0%
- 最も近い短い16進数
- #cac ΔE = 2.109
- RGB
- rgb(197, 165, 200)
- RGBA
- rgba(197, 165, 200, 1.0)
- rg色度
- r: 0.351, g: 0.294, b: 0.356
- RYB
- 赤色: 77.255%, 黄色: 64.706%, 青色: 78.431%
- Android/android.graphics.Color
- -3824184/0xffc5a5c8
- HSL
- hsl(295, 24%, 72%)
- HSLA
- hsla(295, 24%, 72%, 1.0)
- HSV/HSB
- 色相: 295° (294.857), 飽和: 18% (0.175), 値: 78% (0.784)
- HSP
- 色相: 294.857, 飽和: 17.500%, 知覚される明るさ: 70.310%
- HSLuv(HUSL)
- H: 304.193, S: 29.950, L: 71.522
- Cubehelix
- H: -73.988, S: 0.294, L: 0.700
- TSL
- T: 5.043, S: 0.058, L: 0.700
- CMYK
- シアン色: 1% (0.015), マゼンタ色: 17% (0.175), 黄色: 0% (0.000), キー・プレート: 22% (0.216)
- CMY
- シアン色: 23% (0.227), マゼンタ色: 35% (0.353), 黄色: 22% (0.216)
- XYZ
- X: 46.905, Y: 42.952, Z: 60.452
- xyY
- x: 0.312, y: 0.286, Y: 42.952
- Lab色空間
- L: 71.522, a: 17.871, b: -13.479
- CIELuv
- L: 71.522, u: 15.982, v: -23.524
- CIELCH/LCHab
- L: 71.522, C: 22.384, H: 322.975
- CIELUV/LCHuv
- L: 71.522, C: 28.440, H: 304.193
- Hunter-Lab
- L: 65.537, a: 13.062, b: -8.813
- CIECAM02
- J: 63.762, C: 22.894, h: 319.240, Q: 157.323, M: 20.021, s: 35.673, H: 347.215
- OSA-UCS
- 明度: -10.165, 黄色: -2.602, 緑色: -2.279
- LMS
- L: 43.007, M: 40.277, S: 60.173
- YCbCr
- Y: 169.389, Cb: 138.629, Cr: 139.563
- YCgCo
- Y: 181.750, Cg: -16.750, Co: 48.500
- YDbDr
- Y: 178.558, Db: 32.255, Dr: -35.061
- YPbPr
- Y: 174.336, Pb: 13.820, Pr: 14.390
- xvYCC
- Y: 165.724, Cb: 140.140, Cr: 140.641
- YIQ
- Y: 178.558, I: 7.819, Q: 17.656
- YUV
- Y: 178.558, U: 10.553, V: 16.180
- マンセルカラーシステム
- 7.5P 7/6 ΔE = 1.757
- ブランドカラー
- Heroku (light) ΔE = 12.323