
HTML&CSS例
#54646c前景
美人薄命。
<p style="color: #54646c">…</p>
#54646c背景
十人十色。
<p style="background-color: #54646c">…</p>
#54646cテキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #54646c">…</p>
色空間変換
- 十進
- 5530732
- 二進法
- 01010100, 01100100, 01101100
- 十六進法
- #54646c
- LRV
- ≈ 12.1%
- 最も近い短い16進数
- #567 ΔE = 4.201
- RGB
- rgb(84, 100, 108)
- RGBA
- rgba(84, 100, 108, 1.0)
- rg色度
- r: 0.288, g: 0.342, b: 0.370
- RYB
- 赤色: 32.941%, 黄色: 36.706%, 青色: 42.353%
- Android/android.graphics.Color
- -11246484/0xff54646c
- HSL
- hsl(200, 12%, 38%)
- HSLA
- hsla(200, 12%, 38%, 1.0)
- HSV/HSB
- 色相: 200° (200.000), 飽和: 22% (0.222), 値: 42% (0.424)
- HSP
- 色相: 200.000, 飽和: 22.222%, 知覚される明るさ: 37.837%
- HSLuv(HUSL)
- H: 223.873, S: 29.008, L: 41.345
- Cubehelix
- H: -166.073, S: 0.145, L: 0.377
- TSL
- T: -1.907, S: 0.062, L: 0.377
- CMYK
- シアン色: 22% (0.222), マゼンタ色: 7% (0.074), 黄色: 0% (0.000), キー・プレート: 58% (0.576)
- CMY
- シアン色: 67% (0.671), マゼンタ色: 61% (0.608), 黄色: 58% (0.576)
- XYZ
- X: 10.919, Y: 12.082, Z: 15.941
- xyY
- x: 0.280, y: 0.310, Y: 12.082
- Lab色空間
- L: 41.345, a: -4.113, b: -6.539
- CIELuv
- L: 41.345, u: -8.505, v: -8.177
- CIELCH/LCHab
- L: 41.345, C: 7.725, H: 237.828
- CIELUV/LCHuv
- L: 41.345, C: 11.799, H: 223.873
- Hunter-Lab
- L: 34.758, a: -4.752, b: -2.861
- CIECAM02
- J: 31.119, C: 13.824, h: 227.178, Q: 109.907, M: 12.089, s: 33.165, H: 287.943
- OSA-UCS
- 明度: -10.116, 黄色: -1.142, 緑色: 1.063
- LMS
- L: 10.603, M: 12.923, S: 15.874
- YCbCr
- Y: 98.572, Cb: 133.880, Cr: 120.408
- YCgCo
- Y: 98.000, Cg: 2.000, Co: 15.000
- YDbDr
- Y: 96.128, Db: 17.864, Dr: 23.064
- YPbPr
- Y: 97.168, Pb: 5.840, Pr: -8.368
- xvYCC
- Y: 99.450, Cb: 133.130, Cr: 120.649
- YIQ
- Y: 96.128, I: -12.102, Q: -0.894
- YUV
- Y: 96.128, U: 5.843, V: -10.640
- マンセルカラーシステム
- ★ 10B 4/2
- ブランドカラー
- XING ΔE = 10.463