
HTML&CSS例
#a631d4前景
七転び八起き。
<p style="color: #a631d4">…</p>
#a631d4背景
弱肉強食。
<p style="background-color: #a631d4">…</p>
#a631d4テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #a631d4">…</p>
色空間変換
- 十進
- 10891732
- 二進法
- 10100110, 00110001, 11010100
- 十六進法
- #a631d4
- LRV
- ≈ 15.1%
- 最も近い短い16進数
- #a2d ΔE = 1.558
- RGB
- rgb(166, 49, 212)
- RGBA
- rgba(166, 49, 212, 1.0)
- rg色度
- r: 0.389, g: 0.115, b: 0.496
- RYB
- 赤色: 65.098%, 黄色: 19.216%, 青色: 83.137%
- Android/android.graphics.Color
- -5885484/0xffa631d4
- HSL
- hsl(283, 65%, 51%)
- HSLA
- hsla(283, 65%, 51%, 1.0)
- HSV/HSB
- 色相: 283° (283.067), 飽和: 77% (0.769), 値: 83% (0.831)
- HSP
- 色相: 283.067, 飽和: 76.887%, 知覚される明るさ: 47.663%
- HSLuv(HUSL)
- H: 290.028, S: 86.755, L: 45.714
- Cubehelix
- H: -83.979, S: 1.126, L: 0.400
- TSL
- T: 5.295, S: 0.303, L: 0.402
- CMYK
- シアン色: 22% (0.217), マゼンタ色: 77% (0.769), 黄色: 0% (0.000), キー・プレート: 17% (0.169)
- CMY
- シアン色: 35% (0.349), マゼンタ色: 81% (0.808), 黄色: 17% (0.169)
- XYZ
- X: 28.706, Y: 15.058, Z: 63.669
- xyY
- x: 0.267, y: 0.140, Y: 15.058
- Lab色空間
- L: 45.714, a: 69.458, b: -60.842
- CIELuv
- L: 45.714, u: 35.569, v: -97.574
- CIELCH/LCHab
- L: 45.714, C: 92.337, H: 318.783
- CIELUV/LCHuv
- L: 45.714, C: 103.855, H: 290.028
- Hunter-Lab
- L: 38.805, a: 64.137, b: -70.117
- CIECAM02
- J: 37.129, C: 73.731, h: 312.837, Q: 120.051, M: 64.476, s: 73.285, H: 342.725
- OSA-UCS
- 明度: -10.581, 黄色: -11.849, 緑色: -8.913
- LMS
- L: 17.165, M: 5.752, S: 62.903
- YCbCr
- Y: 104.134, Cb: 182.241, Cr: 167.790
- YCgCo
- Y: 119.000, Cg: -70.000, Co: 30.000
- YDbDr
- Y: 102.565, Db: 164.629, Dr: -120.590
- YPbPr
- Y: 85.657, Pb: 68.045, Pr: 51.002
- xvYCC
- Y: 89.564, Cb: 187.773, Cr: 172.802
- YIQ
- Y: 102.565, I: 17.333, Q: 75.455
- YUV
- Y: 102.565, U: 53.854, V: 55.653
- マンセルカラーシステム
- 7.5P 4/12 ΔE = 15.158
- ブランドカラー
- Behance ΔE = 13.622