
HTML&CSS例
#00c3fb前景
海千山千。
<p style="color: #00c3fb">…</p>
#00c3fb背景
秋茄子は嫁に食わすな。
<p style="background-color: #00c3fb">…</p>
#00c3fbテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c3fb">…</p>
色空間変換
- 十進
- 50171
- 二進法
- 00000000, 11000011, 11111011
- 十六進法
- #00c3fb
- LRV
- ≈ 46.0%
- 最も近い短い16進数
- #3be ΔE = 2.804
- RGB
- rgb(0, 195, 251)
- RGBA
- rgba(0, 195, 251, 1.0)
- rg色度
- r: 0.000, g: 0.437, b: 0.563
- RYB
- 赤色: 0.000%, 黄色: 43.036%, 青色: 98.431%
- Android/android.graphics.Color
- -16727045/0xff00c3fb
- HSL
- hsl(193, 100%, 49%)
- HSLA
- hsla(193, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 193° (193.386), 飽和: 100% (1.000), 値: 98% (0.984)
- HSP
- 色相: 193.386, 飽和: 100.000%, 知覚される明るさ: 67.358%
- HSLuv(HUSL)
- H: 229.827, S: 100.019, L: 73.539
- Cubehelix
- H: -173.951, S: 1.485, L: 0.559
- TSL
- T: -1.743, S: 0.468, L: 0.561
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 22% (0.223), 黄色: 0% (0.000), キー・プレート: 2% (0.016)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 24% (0.235), 黄色: 2% (0.016)
- XYZ
- X: 36.920, Y: 45.990, Z: 98.179
- xyY
- x: 0.204, y: 0.254, Y: 45.990
- Lab色空間
- L: 73.539, a: -21.124, b: -38.841
- CIELuv
- L: 73.539, u: -50.898, v: -60.287
- CIELCH/LCHab
- L: 73.539, C: 44.214, H: 241.460
- CIELUV/LCHuv
- L: 73.539, C: 78.899, H: 229.827
- Hunter-Lab
- L: 67.816, a: -21.499, b: -38.364
- CIECAM02
- J: 62.979, C: 60.416, h: 227.572, Q: 156.353, M: 52.833, s: 58.130, H: 288.414
- OSA-UCS
- 明度: -10.218, 黄色: -6.563, 緑色: 5.906
- LMS
- L: 30.868, M: 52.690, S: 97.286
- YCbCr
- Y: 138.878, Cb: 181.444, Cr: 38.419
- YCoCg
- Y: 160.250, Cg: 34.750, Co: -62.750
- YDbDr
- Y: 143.079, Db: 162.398, Dr: 272.087
- YPbPr
- Y: 157.497, Pb: 50.425, Pr: -100.076
- xvYCC
- Y: 151.262, Cb: 172.295, Cr: 40.090
- YIQ
- Y: 143.079, I: -134.155, Q: -23.810
- YUV
- Y: 143.079, U: 53.108, V: -125.526
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.695
- ブランドカラー
- Engadget ΔE = 2.129