
HTML&CSS例
#00b450前景
猫に小判。
<p style="color: #00b450">…</p>
#00b450背景
我田引水。
<p style="background-color: #00b450">…</p>
#00b450テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00b450">…</p>
色空間変換
- 十進
- 46160
- 二進法
- 00000000, 10110100, 01010000
- 十六進法
- #00b450
- LRV
- ≈ 33.2%
- 最も近い短い16進数
- #0b5 ΔE = 2.366
- RGB
- rgb(0, 180, 80)
- RGBA
- rgba(0, 180, 80, 1.0)
- rg色度
- r: 0.000, g: 0.692, b: 0.308
- RYB
- 赤色: 0.000%, 黄色: 48.869%, 青色: 70.588%
- Android/android.graphics.Color
- -16731056/0xff00b450
- HSL
- hsl(147, 100%, 35%)
- HSLA
- hsla(147, 100%, 35%, 1.0)
- HSV/HSB
- 色相: 147° (146.667), 飽和: 100% (1.000), 値: 71% (0.706)
- HSP
- 色相: 146.667, 飽和: 100.000%, 知覚される明るさ: 55.109%
- HSLuv(HUSL)
- H: 134.888, S: 100.019, L: 64.338
- Cubehelix
- H: -225.048, S: 1.082, L: 0.451
- TSL
- T: -0.926, S: 0.657, L: 0.450
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 56% (0.556), キー・プレート: 29% (0.294)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 29% (0.294), 黄色: 69% (0.686)
- XYZ
- X: 17.768, Y: 33.219, Z: 13.063
- xyY
- x: 0.277, y: 0.519, Y: 33.219
- Lab色空間
- L: 64.338, a: -60.394, b: 39.872
- CIELuv
- L: 64.338, u: -58.415, v: 58.644
- CIELCH/LCHab
- L: 64.338, C: 72.369, H: 146.567
- CIELUV/LCHuv
- L: 64.338, C: 82.774, H: 134.888
- Hunter-Lab
- L: 57.636, a: -45.837, b: 26.907
- CIECAM02
- J: 52.651, C: 65.568, h: 145.932, Q: 142.960, M: 57.338, s: 63.331, H: 181.350
- OSA-UCS
- 明度: -9.626, 黄色: 6.039, 緑色: 8.150
- LMS
- L: 25.170, M: 43.968, S: 13.352
- YCbCr
- Y: 114.560, Cb: 110.740, Cr: 56.080
- YCgCo
- Y: 110.000, Cg: 70.000, Co: -20.000
- YDbDr
- Y: 114.780, Db: -52.300, Dr: 218.240
- YPbPr
- Y: 134.460, Pb: -29.300, Pr: -85.400
- xvYCC
- Y: 131.477, Cb: 102.262, Cr: 52.982
- YIQ
- Y: 114.780, I: -75.103, Q: -69.176
- YUV
- Y: 114.780, U: -17.115, V: -100.699
- マンセルカラーシステム
- 2.5G 6/10 ΔE = 4.646
- ブランドカラー
- Technorati ΔE = 10.029