
HTML&CSS例
#c0baa1前景
海千山千。
<p style="color: #c0baa1">…</p>
#c0baa1背景
猫に小判。
<p style="background-color: #c0baa1">…</p>
#c0baa1テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #c0baa1">…</p>
色空間変換
- 十進
- 12630689
- 二進法
- 11000000, 10111010, 10100001
- 十六進法
- #c0baa1
- LRV
- ≈ 48.9%
- 最も近い短い16進数
- #bb9 ΔE = 3.263
- RGB
- rgb(192, 186, 161)
- RGBA
- rgba(192, 186, 161, 1.0)
- rg色度
- r: 0.356, g: 0.345, b: 0.299
- RYB
- 赤色: 66.055%, 黄色: 75.294%, 青色: 63.137%
- Android/android.graphics.Color
- -4146527/0xffc0baa1
- HSL
- hsl(48, 20%, 69%)
- HSLA
- hsla(48, 20%, 69%, 1.0)
- HSV/HSB
- 色相: 48° (48.387), 飽和: 16% (0.161), 値: 75% (0.753)
- HSP
- 色相: 48.387, 飽和: 16.146%, 知覚される明るさ: 72.613%
- HSLuv(HUSL)
- H: 75.654, S: 24.016, L: 75.388
- Cubehelix
- H: 46.697, S: 0.247, L: 0.726
- TSL
- T: 1.972, S: 0.035, L: 0.725
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 3% (0.031), 黄色: 16% (0.161), キー・プレート: 25% (0.247)
- CMY
- シアン色: 25% (0.247), マゼンタ色: 27% (0.271), 黄色: 37% (0.369)
- XYZ
- X: 45.730, Y: 48.898, Z: 40.741
- xyY
- x: 0.338, y: 0.361, Y: 48.898
- Lab色空間
- L: 75.388, a: -2.120, b: 13.447
- CIELuv
- L: 75.388, u: 4.981, v: 19.476
- CIELCH/LCHab
- L: 75.388, C: 13.613, H: 98.960
- CIELUV/LCHuv
- L: 75.388, C: 20.103, H: 75.654
- Hunter-Lab
- L: 69.927, a: -5.640, b: 14.406
- CIECAM02
- J: 67.879, C: 11.677, h: 94.350, Q: 162.322, M: 10.211, s: 25.081, H: 108.165
- OSA-UCS
- 明度: -10.020, 黄色: 2.006, 緑色: 0.351
- LMS
- L: 47.901, M: 51.078, S: 40.866
- YCbCr
- Y: 174.866, Cb: 116.137, Cr: 132.409
- YCoCg
- Y: 181.250, Cg: 4.750, Co: 55.750
- YDbDr
- Y: 184.944, Db: -36.025, Dr: -13.423
- YPbPr
- Y: 185.478, Pb: -13.190, Pr: 4.150
- xvYCC
- Y: 175.293, Cb: 116.413, Cr: 131.645
- YIQ
- Y: 184.944, I: 11.606, Q: -6.510
- YUV
- Y: 184.944, U: -11.781, V: 6.190
- マンセルカラーシステム
- 7.5Y 7/2 ΔE = 2.964
- ブランドカラー
- Zerply ΔE = 13.375