
HTML&CSS例
#7f1184前景
自業自得。
<p style="color: #7f1184">…</p>
#7f1184背景
蛙の子は蛙。
<p style="background-color: #7f1184">…</p>
#7f1184テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #7f1184">…</p>
色空間変換
- 十進
- 8327556
- 二進法
- 01111111, 00010001, 10000100
- 十六進法
- #7f1184
- LRV
- ≈ 6.6%
- 最も近い短い16進数
- #808 ΔE = 1.782
- RGB
- rgb(127, 17, 132)
- RGBA
- rgba(127, 17, 132, 1.0)
- rg色度
- r: 0.460, g: 0.062, b: 0.478
- RYB
- 赤色: 49.804%, 黄色: 6.667%, 青色: 51.765%
- Android/android.graphics.Color
- -8449660/0xff7f1184
- HSL
- hsl(297, 77%, 29%)
- HSLA
- hsla(297, 77%, 29%, 1.0)
- HSV/HSB
- 色相: 297° (297.391), 飽和: 87% (0.871), 値: 52% (0.518)
- HSP
- 色相: 297.391, 飽和: 87.121%, 知覚される明るさ: 32.760%
- HSLuv(HUSL)
- H: 304.697, S: 93.984, L: 30.831
- Cubehelix
- H: -72.010, S: 1.111, L: 0.246
- TSL
- T: 4.999, S: 0.402, L: 0.247
- CMYK
- シアン色: 4% (0.038), マゼンタ色: 87% (0.871), 黄色: 0% (0.000), キー・プレート: 48% (0.482)
- CMY
- シアン色: 50% (0.502), マゼンタ色: 93% (0.933), 黄色: 48% (0.482)
- XYZ
- X: 13.117, Y: 6.580, Z: 22.404
- xyY
- x: 0.312, y: 0.156, Y: 6.580
- Lab色空間
- L: 30.831, a: 56.533, b: -37.332
- CIELuv
- L: 30.831, u: 38.173, v: -55.133
- CIELCH/LCHab
- L: 30.831, C: 67.747, H: 326.561
- CIELUV/LCHuv
- L: 30.831, C: 67.058, H: 304.697
- Hunter-Lab
- L: 25.651, a: 46.392, b: -33.830
- CIECAM02
- J: 24.032, C: 61.685, h: 327.381, Q: 96.583, M: 53.942, s: 74.733, H: 353.170
- OSA-UCS
- 明度: -10.502, 黄色: -7.667, 緑色: -8.952
- LMS
- L: 8.801, M: 2.076, S: 22.161
- YCbCr
- Y: 70.143, Cb: 162.205, Cr: 168.125
- YCoCg
- Y: 73.250, Cg: -56.250, Co: 30.500
- YDbDr
- Y: 63.000, Db: 103.795, Dr: -121.675
- YPbPr
- Y: 48.710, Pb: 44.850, Pr: 49.710
- xvYCC
- Y: 57.833, Cb: 167.398, Cr: 171.667
- YIQ
- Y: 63.000, I: 28.584, Q: 59.041
- YUV
- Y: 63.000, U: 33.956, V: 56.149
- Okhsl
- h: 326.154, s: 0.866, l: 0.340
- Okhsv
- h: 326.154. s: 0.954, v: 0.529
- Okhwb
- h: 326.154, w: 0.024, b: 0.471
- Oklab
- l: 0.429, a: 0.155, b: -0.104
- Oklch
- l: 0.429, c: 0.187, h: 326.154
- マンセルカラーシステム
- 7.5P 3/10 ΔE = 8.410
- ブランドカラー
- Yahoo! ΔE = 5.890