
HTML&CSS例
#ff9f3b前景
蛙の子は蛙。
<p style="color: #ff9f3b">…</p>
#ff9f3b背景
猫に小判。
<p style="background-color: #ff9f3b">…</p>
#ff9f3bテキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #ff9f3b">…</p>
色空間変換
- 十進
- 16752443
- 二進法
- 11111111, 10011111, 00111011
- 十六進法
- #ff9f3b
- LRV
- ≈ 46.4%
- 最も近い短い16進数
- #f93 ΔE = 1.754
- RGB
- rgb(255, 159, 59)
- RGBA
- rgba(255, 159, 59, 1.0)
- rg色度
- r: 0.539, g: 0.336, b: 0.125
- RYB
- 赤色: 96.925%, 黄色: 100.000%, 青色: 23.137%
- Android/android.graphics.Color
- -24773/0xffff9f3b
- HSL
- hsl(31, 100%, 62%)
- HSLA
- hsla(31, 100%, 62%, 1.0)
- HSV/HSB
- 色相: 31° (30.612), 飽和: 77% (0.769), 値: 100% (1.000)
- HSP
- 色相: 30.612, 飽和: 76.863%, 知覚される明るさ: 73.029%
- HSLuv(HUSL)
- H: 39.278, S: 100.024, L: 73.790
- Cubehelix
- H: 26.924, S: 1.314, L: 0.693
- TSL
- T: 2.696, S: 0.276, L: 0.691
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 38% (0.376), 黄色: 77% (0.769), キー・プレート: 0% (0.000)
- CMY
- シアン色: 0% (0.000), マゼンタ色: 38% (0.376), 黄色: 77% (0.769)
- XYZ
- X: 54.432, Y: 46.378, Z: 10.222
- xyY
- x: 0.490, y: 0.418, Y: 46.378
- Lab色空間
- L: 73.790, a: 28.192, b: 63.912
- CIELuv
- L: 73.790, u: 77.726, v: 63.568
- CIELCH/LCHab
- L: 73.790, C: 69.854, H: 66.197
- CIELUV/LCHuv
- L: 73.790, C: 100.411, H: 39.278
- Hunter-Lab
- L: 68.101, a: 23.495, b: 38.771
- CIECAM02
- J: 67.975, C: 58.394, h: 62.832, Q: 162.438, M: 51.064, s: 56.068, H: 57.894
- OSA-UCS
- 明度: -9.823, 黄色: 8.709, 緑色: -4.419
- LMS
- L: 58.152, M: 40.490, S: 10.846
- YCbCr
- Y: 167.453, Cb: 69.892, Cr: 177.244
- YCgCo
- Y: 158.000, Cg: 1.000, Co: 112.750
- YDbDr
- Y: 176.304, Db: -176.500, Dr: -149.668
- YPbPr
- Y: 172.248, Pb: -61.040, Pr: 52.600
- xvYCC
- Y: 163.931, Cb: 74.381, Cr: 174.205
- YIQ
- Y: 176.304, I: 89.315, Q: -10.814
- YUV
- Y: 176.304, U: -57.723, V: 69.041
- マンセルカラーシステム
- 7.5YR 7/10 ΔE = 4.429
- ブランドカラー
- TYPO3 ΔE = 6.573