
HTML&CSS例
#5f4894前景
十人十色。
<p style="color: #5f4894">…</p>
#5f4894背景
案ずるより産むが易し。
<p style="background-color: #5f4894">…</p>
#5f4894テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #5f4894">…</p>
色空間変換
- 十進
- 6244500
- 二進法
- 01011111, 01001000, 10010100
- 十六進法
- #5f4894
- LRV
- ≈ 9.2%
- 最も近い短い16進数
- #649 ΔE = 2.284
- RGB
- rgb(95, 72, 148)
- RGBA
- rgba(95, 72, 148, 1.0)
- rg色度
- r: 0.302, g: 0.229, b: 0.470
- RYB
- 赤色: 37.255%, 黄色: 28.235%, 青色: 58.039%
- Android/android.graphics.Color
- -10532716/0xff5f4894
- HSL
- hsl(258, 35%, 43%)
- HSLA
- hsla(258, 35%, 43%, 1.0)
- HSV/HSB
- 色相: 258° (258.158), 飽和: 51% (0.514), 値: 58% (0.580)
- HSP
- 色相: 258.158, 飽和: 51.351%, 知覚される明るさ: 35.595%
- HSLuv(HUSL)
- H: 274.928, S: 47.648, L: 36.377
- Cubehelix
- H: -107.353, S: 0.550, L: 0.342
- TSL
- T: -3.723, S: 0.147, L: 0.343
- CMYK
- シアン色: 36% (0.358), マゼンタ色: 51% (0.514), 黄色: 0% (0.000), キー・プレート: 42% (0.420)
- CMY
- シアン色: 63% (0.627), マゼンタ色: 72% (0.718), 黄色: 42% (0.420)
- XYZ
- X: 12.381, Y: 9.206, Z: 29.136
- xyY
- x: 0.244, y: 0.181, Y: 9.206
- Lab色空間
- L: 36.377, a: 27.694, b: -38.575
- CIELuv
- L: 36.377, u: 4.895, v: -56.767
- CIELCH/LCHab
- L: 36.377, C: 47.487, H: 305.676
- CIELUV/LCHuv
- L: 36.377, C: 56.977, H: 274.928
- Hunter-Lab
- L: 30.341, a: 19.742, b: -35.697
- CIECAM02
- J: 27.198, C: 44.146, h: 289.262, Q: 102.750, M: 38.605, s: 61.296, H: 327.510
- OSA-UCS
- 明度: -10.433, 黄色: -7.071, 緑色: -2.201
- LMS
- L: 8.296, M: 7.093, S: 28.814
- YCbCr
- Y: 91.207, Cb: 157.960, Cr: 132.701
- YCoCg
- Y: 96.750, Cg: -24.750, Co: 10.500
- YDbDr
- Y: 87.541, Db: 90.958, Dr: -14.167
- YPbPr
- Y: 82.371, Pb: 35.355, Pr: 8.004
- xvYCC
- Y: 86.742, Cb: 159.057, Cr: 135.031
- YIQ
- Y: 87.541, I: -10.715, Q: 28.510
- YUV
- Y: 87.541, U: 29.753, V: 6.544
- マンセルカラーシステム
- 2.5P 3/10 ΔE = 4.815
- ブランドカラー
- Twitch.tv ΔE = 3.924