
HTML&CSS例
#ba7961前景
十人十色。
<p style="color: #ba7961">…</p>
#ba7961背景
海千山千。
<p style="background-color: #ba7961">…</p>
#ba7961テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #ba7961">…</p>
色空間変換
- 十進
- 12220769
- 二進法
- 10111010, 01111001, 01100001
- 十六進法
- #ba7961
- LRV
- ≈ 25.0%
- 最も近い短い16進数
- #b76 ΔE = 2.525
- RGB
- rgb(186, 121, 97)
- RGBA
- rgba(186, 121, 97, 1.0)
- rg色度
- r: 0.460, g: 0.300, b: 0.240
- RYB
- 赤色: 72.941%, 黄色: 50.926%, 青色: 38.039%
- Android/android.graphics.Color
- -4556447/0xffba7961
- HSL
- hsl(16, 39%, 55%)
- HSLA
- hsla(16, 39%, 55%, 1.0)
- HSV/HSB
- 色相: 16° (16.180), 飽和: 48% (0.478), 値: 73% (0.729)
- HSP
- 色相: 16.180, 飽和: 47.849%, 知覚される明るさ: 55.475%
- HSLuv(HUSL)
- H: 28.051, S: 48.680, L: 57.055
- Cubehelix
- H: 9.329, S: 0.516, L: 0.541
- TSL
- T: 3.626, S: 0.176, L: 0.540
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 35% (0.349), 黄色: 48% (0.478), キー・プレート: 27% (0.271)
- CMY
- シアン色: 27% (0.271), マゼンタ色: 53% (0.525), 黄色: 62% (0.620)
- XYZ
- X: 29.246, Y: 24.979, Z: 14.588
- xyY
- x: 0.425, y: 0.363, Y: 24.979
- Lab色空間
- L: 57.055, a: 22.664, b: 23.618
- CIELuv
- L: 57.055, u: 47.072, v: 25.082
- CIELCH/LCHab
- L: 57.055, C: 32.733, H: 46.181
- CIELUV/LCHuv
- L: 57.055, C: 53.337, H: 28.051
- Hunter-Lab
- L: 49.979, a: 16.989, b: 17.680
- CIECAM02
- J: 48.308, C: 31.472, h: 40.628, Q: 136.937, M: 27.522, s: 44.831, H: 26.638
- OSA-UCS
- 明度: -9.973, 黄色: 3.299, 緑色: -3.859
- LMS
- L: 29.794, M: 21.914, S: 14.773
- YCbCr
- Y: 134.292, Cb: 107.844, Cr: 158.239
- YCgCo
- Y: 131.250, Cg: -10.250, Co: 68.750
- YDbDr
- Y: 137.699, Db: -61.242, Dr: -91.853
- YPbPr
- Y: 133.117, Pb: -19.475, Pr: 33.604
- xvYCC
- Y: 130.324, Cb: 110.893, Cr: 157.519
- YIQ
- Y: 137.699, I: 46.432, Q: 6.277
- YUV
- Y: 137.699, U: -20.026, V: 42.375
- マンセルカラーシステム
- 10R 6/6 ΔE = 3.915
- ブランドカラー
- Disqus (orange) ΔE = 8.910