
HTML&CSS例
#553571前景
井の中の蛙大海を知らず。
<p style="color: #553571">…</p>
#553571背景
自業自得。
<p style="background-color: #553571">…</p>
#553571テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #553571">…</p>
色空間変換
- 十進
- 5584241
- 二進法
- 01010101, 00110101, 01110001
- 十六進法
- #553571
- LRV
- ≈ 5.7%
- 最も近い短い16進数
- #537 ΔE = 1.641
- RGB
- rgb(85, 53, 113)
- RGBA
- rgba(85, 53, 113, 1.0)
- rg色度
- r: 0.339, g: 0.211, b: 0.450
- RYB
- 赤色: 33.333%, 黄色: 20.784%, 青色: 44.314%
- Android/android.graphics.Color
- -11192975/0xff553571
- HSL
- hsl(272, 36%, 33%)
- HSLA
- hsla(272, 36%, 33%, 1.0)
- HSV/HSB
- 色相: 272° (272.000), 飽和: 53% (0.531), 値: 44% (0.443)
- HSP
- 色相: 272.000, 飽和: 53.097%, 知覚される明るさ: 28.455%
- HSLuv(HUSL)
- H: 284.244, S: 51.795, L: 28.564
- Cubehelix
- H: -94.239, S: 0.489, L: 0.271
- TSL
- T: 5.617, S: 0.164, L: 0.272
- CMYK
- シアン色: 25% (0.248), マゼンタ色: 53% (0.531), 黄色: 0% (0.000), キー・プレート: 56% (0.557)
- CMY
- シアン色: 67% (0.667), マゼンタ色: 79% (0.792), 黄色: 56% (0.557)
- XYZ
- X: 7.999, Y: 5.670, Z: 16.293
- xyY
- x: 0.267, y: 0.189, Y: 5.670
- Lab色空間
- L: 28.564, a: 27.033, b: -29.345
- CIELuv
- L: 28.564, u: 10.255, v: -40.397
- CIELCH/LCHab
- L: 28.564, C: 39.899, H: 312.651
- CIELUV/LCHuv
- L: 28.564, C: 41.678, H: 284.244
- Hunter-Lab
- L: 23.811, a: 18.297, b: -23.900
- CIECAM02
- J: 21.081, C: 37.553, h: 302.825, Q: 90.459, M: 32.840, s: 60.252, H: 336.021
- OSA-UCS
- 明度: -10.406, 黄色: -5.480, 緑色: -2.995
- LMS
- L: 5.652, M: 4.096, S: 16.123
- YCbCr
- Y: 75.631, Cb: 149.604, Cr: 137.788
- YCgCo
- Y: 76.000, Cg: -23.000, Co: 14.250
- YDbDr
- Y: 69.408, Db: 65.580, Dr: -29.636
- YPbPr
- Y: 64.136, Pb: 26.320, Pr: 13.240
- xvYCC
- Y: 71.082, Cb: 151.120, Cr: 139.630
- YIQ
- Y: 69.408, I: -0.213, Q: 25.435
- YUV
- Y: 69.408, U: 21.452, V: 13.679
- マンセルカラーシステム
- 5P 3/8 ΔE = 2.154
- ブランドカラー
- XBox Kinect ΔE = 6.285