
HTML&CSS例
#c7a08d前景
知らぬが仏。
<p style="color: #c7a08d">…</p>
#c7a08d背景
自業自得。
<p style="background-color: #c7a08d">…</p>
#c7a08dテキストに影をつける
覆水盆に帰らず。
<p style="text-shadow: 0.1em 0.1em 0.15em #c7a08d">…</p>
色空間変換
- 十進
- 13082765
- 二進法
- 11000111, 10100000, 10001101
- 十六進法
- #c7a08d
- LRV
- ≈ 39.2%
- 最も近い短い16進数
- #b98 ΔE = 3.320
- RGB
- rgb(199, 160, 141)
- RGBA
- rgba(199, 160, 141, 1.0)
- rg色度
- r: 0.398, g: 0.320, b: 0.282
- RYB
- 赤色: 78.039%, 黄色: 66.375%, 青色: 55.294%
- Android/android.graphics.Color
- -3694451/0xffc7a08d
- HSL
- hsl(20, 34%, 67%)
- HSLA
- hsla(20, 34%, 67%, 1.0)
- HSV/HSB
- 色相: 20° (19.655), 飽和: 29% (0.291), 値: 78% (0.780)
- HSP
- 色相: 19.655, 飽和: 29.146%, 知覚される明るさ: 66.936%
- HSLuv(HUSL)
- H: 35.867, S: 28.990, L: 68.902
- Cubehelix
- H: 13.508, S: 0.371, L: 0.665
- TSL
- T: 3.537, S: 0.089, L: 0.665
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 20% (0.196), 黄色: 29% (0.291), キー・プレート: 22% (0.220)
- CMY
- シアン色: 22% (0.220), マゼンタ色: 37% (0.373), 黄色: 45% (0.447)
- XYZ
- X: 40.932, Y: 39.209, Z: 30.606
- xyY
- x: 0.370, y: 0.354, Y: 39.209
- Lab色空間
- L: 68.902, a: 11.626, b: 15.371
- CIELuv
- L: 68.902, u: 26.231, v: 18.965
- CIELCH/LCHab
- L: 68.902, C: 19.272, H: 52.897
- CIELUV/LCHuv
- L: 68.902, C: 32.369, H: 35.867
- Hunter-Lab
- L: 62.617, a: 7.106, b: 14.852
- CIECAM02
- J: 60.918, C: 18.024, h: 46.812, Q: 153.774, M: 15.762, s: 32.016, H: 35.081
- OSA-UCS
- 明度: -10.024, 黄色: 2.173, 緑色: -1.917
- LMS
- L: 41.869, M: 37.943, S: 30.754
- YCbCr
- Y: 161.601, Cb: 113.887, Cr: 146.470
- YCgCo
- Y: 165.000, Cg: -5.000, Co: 64.250
- YDbDr
- Y: 169.495, Db: -42.877, Dr: -56.110
- YPbPr
- Y: 166.939, Pb: -13.985, Pr: 20.374
- xvYCC
- Y: 159.371, Cb: 115.715, Cr: 145.897
- YIQ
- Y: 169.495, I: 29.337, Q: 2.335
- YUV
- Y: 169.495, U: -14.020, V: 25.885
- マンセルカラーシステム
- 5YR 7/4 ΔE = 2.922
- ブランドカラー
- StackOverflow ΔE = 12.562