
HTML&CSS例
#5b4572前景
知らぬが仏。
<p style="color: #5b4572">…</p>
#5b4572背景
蛙の子は蛙。
<p style="background-color: #5b4572">…</p>
#5b4572テキストに影をつける
蓼食う虫も好き好き。
<p style="text-shadow: 0.1em 0.1em 0.15em #5b4572">…</p>
色空間変換
- 十進
- 5981554
- 二進法
- 01011011, 01000101, 01110010
- 十六進法
- #5b4572
- LRV
- ≈ 7.7%
- 最も近い短い16進数
- #547 ΔE = 2.278
- RGB
- rgb(91, 69, 114)
- RGBA
- rgba(91, 69, 114, 1.0)
- rg色度
- r: 0.332, g: 0.252, b: 0.416
- RYB
- 赤色: 35.686%, 黄色: 27.059%, 青色: 44.706%
- Android/android.graphics.Color
- -10795662/0xff5b4572
- HSL
- hsl(269, 25%, 36%)
- HSLA
- hsla(269, 25%, 36%, 1.0)
- HSV/HSB
- 色相: 269° (269.333), 飽和: 39% (0.395), 値: 45% (0.447)
- HSP
- 色相: 269.333, 飽和: 39.474%, 知覚される明るさ: 32.224%
- HSLuv(HUSL)
- H: 283.726, S: 34.880, L: 33.340
- Cubehelix
- H: -96.776, S: 0.335, L: 0.316
- TSL
- T: -4.161, S: 0.109, L: 0.317
- CMYK
- シアン色: 20% (0.202), マゼンタ色: 39% (0.395), 黄色: 0% (0.000), キー・プレート: 55% (0.553)
- CMY
- シアン色: 64% (0.643), マゼンタ色: 73% (0.729), 黄色: 55% (0.553)
- XYZ
- X: 9.479, Y: 7.695, Z: 16.902
- xyY
- x: 0.278, y: 0.226, Y: 7.695
- Lab色空間
- L: 33.340, a: 19.198, b: -22.418
- CIELuv
- L: 33.340, u: 7.830, v: -32.058
- CIELCH/LCHab
- L: 33.340, C: 29.515, H: 310.575
- CIELUV/LCHuv
- L: 33.340, C: 33.000, H: 283.726
- Hunter-Lab
- L: 27.740, a: 12.449, b: -16.707
- CIECAM02
- J: 24.787, C: 29.882, h: 300.845, Q: 98.089, M: 26.132, s: 51.615, H: 334.739
- OSA-UCS
- 明度: -10.303, 黄色: -4.132, 緑色: -2.087
- LMS
- L: 7.507, M: 6.496, S: 16.755
- YCbCr
- Y: 85.335, Cb: 144.499, Cr: 134.463
- YCgCo
- Y: 85.750, Cg: -16.750, Co: 17.000
- YDbDr
- Y: 80.708, Db: 50.085, Dr: -19.561
- YPbPr
- Y: 76.926, Pb: 19.970, Pr: 8.930
- xvYCC
- Y: 82.066, Cb: 145.542, Cr: 135.844
- YIQ
- Y: 80.708, I: -1.351, Q: 18.653
- YUV
- Y: 80.708, U: 16.384, V: 9.030
- マンセルカラーシステム
- 2.5P 3/6 ΔE = 2.127
- ブランドカラー
- Twitch.tv ΔE = 9.121