
HTML&CSS例
#48a2ff前景
蛙の子は蛙。
<p style="color: #48a2ff">…</p>
#48a2ff背景
十人十色。
<p style="background-color: #48a2ff">…</p>
#48a2ffテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #48a2ff">…</p>
色空間変換
- 十進
- 4760319
- 二進法
- 01001000, 10100010, 11111111
- 十六進法
- #48a2ff
- LRV
- ≈ 34.4%
- 最も近い短い16進数
- #5af ΔE = 3.302
- RGB
- rgb(72, 162, 255)
- RGBA
- rgba(72, 162, 255, 1.0)
- rg色度
- r: 0.147, g: 0.331, b: 0.521
- RYB
- 赤色: 28.235%, 黄色: 51.894%, 青色: 100.000%
- Android/android.graphics.Color
- -12016897/0xff48a2ff
- HSL
- hsl(210, 100%, 64%)
- HSLA
- hsla(210, 100%, 64%, 1.0)
- HSV/HSB
- 色相: 210° (210.492), 飽和: 72% (0.718), 値: 100% (1.000)
- HSP
- 色相: 210.492, 飽和: 71.765%, 知覚される明るさ: 61.217%
- HSLuv(HUSL)
- H: 249.145, S: 99.988, L: 65.306
- Cubehelix
- H: -153.222, S: 1.064, L: 0.570
- TSL
- T: -1.735, S: 0.250, L: 0.571
- CMYK
- シアン色: 72% (0.718), マゼンタ色: 36% (0.365), 黄色: 0% (0.000), キー・プレート: 0% (0.000)
- CMY
- シアン色: 72% (0.718), マゼンタ色: 36% (0.365), 黄色: 0% (0.000)
- XYZ
- X: 33.636, Y: 34.435, Z: 99.462
- xyY
- x: 0.201, y: 0.206, Y: 34.435
- Lab色空間
- L: 65.306, a: 3.208, b: -53.874
- CIELuv
- L: 65.306, u: -33.348, v: -87.536
- CIELCH/LCHab
- L: 65.306, C: 53.969, H: 273.408
- CIELUV/LCHuv
- L: 65.306, C: 93.674, H: 249.145
- Hunter-Lab
- L: 58.681, a: -0.375, b: -59.418
- CIECAM02
- J: 54.046, C: 63.655, h: 247.643, Q: 144.841, M: 55.665, s: 61.994, H: 304.842
- OSA-UCS
- 明度: -10.351, 黄色: -9.414, 緑色: 3.595
- LMS
- L: 23.289, M: 35.393, S: 98.380
- YCbCr
- Y: 141.142, Cb: 182.147, Cr: 81.887
- YCgCo
- Y: 162.750, Cg: -0.750, Co: -27.750
- YDbDr
- Y: 145.692, Db: 164.469, Dr: 140.151
- YPbPr
- Y: 149.526, Pb: 56.850, Pr: -49.278
- xvYCC
- Y: 144.416, Cb: 177.939, Cr: 84.713
- YIQ
- Y: 145.692, I: -83.492, Q: 9.905
- YUV
- Y: 145.692, U: 53.791, V: -64.651
- マンセルカラーシステム
- 5PB 6/10 ΔE = 9.447
- ブランドカラー
- Disqus (blue) ΔE = 1.254