
HTML&CSS例
#9a455d前景
知らぬが仏。
<p style="color: #9a455d">…</p>
#9a455d背景
異体同心。
<p style="background-color: #9a455d">…</p>
#9a455dテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #9a455d">…</p>
色空間変換
- 十進
- 10110301
- 二進法
- 10011010, 01000101, 01011101
- 十六進法
- #9a455d
- LRV
- ≈ 11.9%
- 最も近い短い16進数
- #945 ΔE = 2.746
- RGB
- rgb(154, 69, 93)
- RGBA
- rgba(154, 69, 93, 1.0)
- rg色度
- r: 0.487, g: 0.218, b: 0.294
- RYB
- 赤色: 60.392%, 黄色: 27.059%, 青色: 36.471%
- Android/android.graphics.Color
- -6666915/0xff9a455d
- HSL
- hsl(343, 38%, 44%)
- HSLA
- hsla(343, 38%, 44%, 1.0)
- HSV/HSB
- 色相: 343° (343.059), 飽和: 55% (0.552), 値: 60% (0.604)
- HSP
- 色相: 343.059, 飽和: 55.195%, 知覚される明るさ: 40.889%
- HSLuv(HUSL)
- H: 357.334, S: 50.582, L: 41.086
- Cubehelix
- H: -26.215, S: 0.529, L: 0.381
- TSL
- T: 4.225, S: 0.258, L: 0.381
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 55% (0.552), 黄色: 40% (0.396), キー・プレート: 40% (0.396)
- CMY
- シアン色: 40% (0.396), マゼンタ色: 73% (0.729), 黄色: 64% (0.635)
- XYZ
- X: 17.431, Y: 11.918, Z: 11.736
- xyY
- x: 0.424, y: 0.290, Y: 11.918
- Lab色空間
- L: 41.086, a: 38.015, b: 3.243
- CIELuv
- L: 41.086, u: 55.259, v: -2.574
- CIELCH/LCHab
- L: 41.086, C: 38.153, H: 4.875
- CIELUV/LCHuv
- L: 41.086, C: 55.319, H: 357.334
- Hunter-Lab
- L: 34.523, a: 29.713, b: 4.010
- CIECAM02
- J: 32.910, C: 42.938, h: 5.426, Q: 113.024, M: 37.549, s: 57.639, H: 385.282
- OSA-UCS
- 明度: -10.088, 黄色: -0.190, 緑色: -6.819
- LMS
- L: 15.988, M: 8.038, S: 11.756
- YCbCr
- Y: 99.468, Cb: 125.956, Cr: 163.611
- YCgCo
- Y: 96.250, Cg: -27.250, Co: 53.750
- YDbDr
- Y: 97.151, Db: -6.258, Dr: -108.097
- YPbPr
- Y: 88.833, Pb: 2.225, Pr: 41.396
- xvYCC
- Y: 92.292, Cb: 129.955, Cr: 164.364
- YIQ
- Y: 97.151, I: 42.926, Q: 25.441
- YUV
- Y: 97.151, U: -2.041, V: 49.875
- マンセルカラーシステム
- 10RP 4/10 ΔE = 2.778
- ブランドカラー
- Pinterest ΔE = 14.423