
HTML&CSS例
#7b00e1前景
十人十色。
<p style="color: #7b00e1">…</p>
#7b00e1背景
見ぬが花。
<p style="background-color: #7b00e1">…</p>
#7b00e1テキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #7b00e1">…</p>
色空間変換
- 十進
- 8061153
- 二進法
- 01111011, 00000000, 11100001
- 十六進法
- #7b00e1
- LRV
- ≈ 9.6%
- 最も近い短い16進数
- #71d ΔE = 0.813
- RGB
- rgb(123, 0, 225)
- RGBA
- rgba(123, 0, 225, 1.0)
- rg色度
- r: 0.353, g: 0.000, b: 0.647
- RYB
- 赤色: 48.235%, 黄色: 0.000%, 青色: 88.235%
- Android/android.graphics.Color
- -8716063/0xff7b00e1
- HSL
- hsl(273, 100%, 44%)
- HSLA
- hsla(273, 100%, 44%, 1.0)
- HSV/HSB
- 色相: 273° (272.800), 飽和: 100% (1.000), 値: 88% (0.882)
- HSP
- 色相: 272.800, 飽和: 100.000%, 知覚される明るさ: 39.790%
- HSLuv(HUSL)
- H: 277.045, S: 100.001, L: 37.201
- Cubehelix
- H: -93.481, S: 1.979, L: 0.242
- TSL
- T: 5.590, S: 0.448, L: 0.245
- CMYK
- シアン色: 45% (0.453), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 12% (0.118)
- CMY
- シアン色: 52% (0.518), マゼンタ色: 100% (1.000), 黄色: 12% (0.118)
- XYZ
- X: 21.755, Y: 9.647, Z: 71.935
- xyY
- x: 0.211, y: 0.093, Y: 9.647
- Lab色空間
- L: 37.201, a: 76.539, b: -82.465
- CIELuv
- L: 37.201, u: 14.416, v: -116.653
- CIELCH/LCHab
- L: 37.201, C: 112.511, H: 312.866
- CIELUV/LCHuv
- L: 37.201, C: 117.541, H: 277.045
- Hunter-Lab
- L: 31.059, a: 70.676, b: -115.578
- CIECAM02
- J: 28.259, C: 78.841, h: 293.536, Q: 104.734, M: 68.946, s: 81.135, H: 330.125
- OSA-UCS
- 明度: -10.829, 黄色: -15.677, 緑色: -5.871
- LMS
- L: 8.404, M: 1.507, S: 70.938
- YCbCr
- Y: 69.661, Cb: 208.571, Cr: 166.022
- YCoCg
- Y: 87.000, Cg: -87.000, Co: 5.250
- YDbDr
- Y: 62.427, Db: 244.575, Dr: -115.134
- YPbPr
- Y: 42.399, Pb: 98.355, Pr: 51.150
- xvYCC
- Y: 52.413, Cb: 214.398, Cr: 172.932
- YIQ
- Y: 62.427, I: 0.989, Q: 96.014
- YUV
- Y: 62.427, U: 80.003, V: 53.143
- マンセルカラーシステム
- 7.5P 4/12 ΔE = 22.216
- ブランドカラー
- Behance ΔE = 8.483