
HTML&CSS例
#c1a296前景
起死回生。
<p style="color: #c1a296">…</p>
#c1a296背景
覆水盆に帰らず。
<p style="background-color: #c1a296">…</p>
#c1a296テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #c1a296">…</p>
色空間変換
- 十進
- 12690070
- 二進法
- 11000001, 10100010, 10010110
- 十六進法
- #c1a296
- LRV
- ≈ 39.4%
- 最も近い短い16進数
- #ca9 ΔE = 3.659
- RGB
- rgb(193, 162, 150)
- RGBA
- rgba(193, 162, 150, 1.0)
- rg色度
- r: 0.382, g: 0.321, b: 0.297
- RYB
- 赤色: 75.686%, 黄色: 65.351%, 青色: 58.824%
- Android/android.graphics.Color
- -4087146/0xffc1a296
- HSL
- hsl(17, 26%, 67%)
- HSLA
- hsla(17, 26%, 67%, 1.0)
- HSV/HSB
- 色相: 17° (16.744), 飽和: 22% (0.223), 値: 76% (0.757)
- HSP
- 色相: 16.744, 飽和: 22.280%, 知覚される明るさ: 66.906%
- HSLuv(HUSL)
- H: 32.884, S: 20.631, L: 69.027
- Cubehelix
- H: 10.001, S: 0.278, L: 0.667
- TSL
- T: 3.612, S: 0.068, L: 0.666
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 16% (0.161), 黄色: 22% (0.223), キー・プレート: 24% (0.243)
- CMY
- シアン色: 24% (0.243), マゼンタ色: 36% (0.365), 黄色: 41% (0.412)
- XYZ
- X: 40.418, Y: 39.382, Z: 34.321
- xyY
- x: 0.354, y: 0.345, Y: 39.382
- Lab色空間
- L: 69.027, a: 9.500, b: 10.486
- CIELuv
- L: 69.027, u: 20.092, v: 12.990
- CIELCH/LCHab
- L: 69.027, C: 14.150, H: 47.824
- CIELUV/LCHuv
- L: 69.027, C: 23.926, H: 32.884
- Hunter-Lab
- L: 62.755, a: 5.144, b: 11.503
- CIECAM02
- J: 60.874, C: 13.611, h: 42.276, Q: 153.719, M: 11.903, s: 27.827, H: 28.868
- OSA-UCS
- 明度: -10.045, 黄色: 1.429, 緑色: -1.506
- LMS
- L: 40.963, M: 38.621, S: 34.408
- YCbCr
- Y: 161.949, Cb: 118.144, Cr: 142.461
- YCoCg
- Y: 166.750, Cg: -4.750, Co: 59.000
- YDbDr
- Y: 169.901, Db: -29.946, Dr: -43.927
- YPbPr
- Y: 167.739, Pb: -9.565, Pr: 16.052
- xvYCC
- Y: 160.058, Cb: 119.598, Cr: 142.101
- YIQ
- Y: 169.901, I: 22.322, Q: 2.822
- YUV
- Y: 169.901, U: -9.791, V: 20.265
- マンセルカラーシステム
- 10R 7/4 ΔE = 3.654
- ブランドカラー
- StackOverflow ΔE = 13.971