
HTML&CSS例
#202821前景
弱肉強食。
<p style="color: #202821">…</p>
#202821背景
案ずるより産むが易し。
<p style="background-color: #202821">…</p>
#202821テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #202821">…</p>
色空間変換
- 十進
- 2107425
- 二進法
- 00100000, 00101000, 00100001
- 十六進法
- #202821
- LRV
- ≈ 1.9%
- 最も近い短い16進数
- #122 ΔE = 6.283
- RGB
- rgb(32, 40, 33)
- RGBA
- rgba(32, 40, 33, 1.0)
- rg色度
- r: 0.305, g: 0.381, b: 0.314
- RYB
- 赤色: 12.549%, 黄色: 15.338%, 青色: 15.686%
- Android/android.graphics.Color
- -14669791/0xff202821
- HSL
- hsl(128, 11%, 14%)
- HSLA
- hsla(128, 11%, 14%, 1.0)
- HSV/HSB
- 色相: 128° (127.500), 飽和: 20% (0.200), 値: 16% (0.157)
- HSP
- 色相: 127.500, 飽和: 20.000%, 知覚される明るさ: 14.513%
- HSLuv(HUSL)
- H: 132.119, S: 22.523, L: 15.139
- Cubehelix
- H: -244.064, S: 0.110, L: 0.144
- TSL
- T: -0.599, S: 0.075, L: 0.144
- CMYK
- シアン色: 20% (0.200), マゼンタ色: 0% (0.000), 黄色: 18% (0.175), キー・プレート: 84% (0.843)
- CMY
- シアン色: 87% (0.875), マゼンタ色: 84% (0.843), 黄色: 87% (0.871)
- XYZ
- X: 1.629, Y: 1.934, Z: 1.726
- xyY
- x: 0.308, y: 0.366, Y: 1.934
- Lab色空間
- L: 15.139, a: -5.310, b: 3.447
- CIELuv
- L: 15.139, u: -3.141, v: 3.474
- CIELCH/LCHab
- L: 15.139, C: 6.331, H: 147.016
- CIELUV/LCHuv
- L: 15.139, C: 4.683, H: 132.119
- Hunter-Lab
- L: 13.908, a: -3.434, b: 2.378
- CIECAM02
- J: 11.283, C: 7.725, h: 149.706, Q: 66.178, M: 6.756, s: 31.950, H: 185.432
- OSA-UCS
- 明度: -10.010, 黄色: 0.543, 緑色: 0.846
- LMS
- L: 1.744, M: 2.148, S: 1.729
- YCbCr
- Y: 47.618, Cb: 126.111, Cr: 124.985
- YCgCo
- Y: 36.250, Cg: 3.750, Co: 7.750
- YDbDr
- Y: 36.810, Db: -5.731, Dr: 9.145
- YPbPr
- Y: 37.792, Pb: -2.580, Pr: -3.678
- xvYCC
- Y: 48.457, Cb: 125.734, Cr: 124.769
- YIQ
- Y: 36.810, I: -2.517, Q: -3.870
- YUV
- Y: 36.810, U: -1.875, V: -4.220
- マンセルカラーシステム
- 5G 2/2 ΔE = 5.031
- ブランドカラー
- GitHub ΔE = 10.594