
HTML&CSS例
#00b900前景
花より団子。
<p style="color: #00b900">…</p>
#00b900背景
案ずるより産むが易し。
<p style="background-color: #00b900">…</p>
#00b900テキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00b900">…</p>
色空間変換
- 十進
- 47360
- 二進法
- 00000000, 10111001, 00000000
- 十六進法
- #00b900
- LRV
- ≈ 34.7%
- 最も近い短い16進数
- #0b0 ΔE = 0.670
- RGB
- rgb(0, 185, 0)
- RGBA
- rgba(0, 185, 0, 1.0)
- rg色度
- r: 0.000, g: 1.000, b: 0.000
- RYB
- 赤色: 0.000%, 黄色: 72.549%, 青色: 72.549%
- Android/android.graphics.Color
- -16729856/0xff00b900
- HSL
- hsl(120, 100%, 36%)
- HSLA
- hsla(120, 100%, 36%, 1.0)
- HSV/HSB
- 色相: 120° (120.000), 飽和: 100% (1.000), 値: 73% (0.725)
- HSP
- 色相: 120.000, 飽和: 100.000%, 知覚される明るさ: 55.584%
- HSLuv(HUSL)
- H: 127.724, S: 100.019, L: 65.511
- Cubehelix
- H: -250.041, S: 1.377, L: 0.428
- TSL
- T: -0.478, S: 1.000, L: 0.426
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 100% (1.000), キー・プレート: 27% (0.275)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 27% (0.275), 黄色: 100% (1.000)
- XYZ
- X: 17.348, Y: 34.696, Z: 5.783
- xyY
- x: 0.300, y: 0.600, Y: 34.696
- Lab色空間
- L: 65.511, a: -67.719, b: 65.359
- CIELuv
- L: 65.511, u: -62.034, v: 80.194
- CIELCH/LCHab
- L: 65.511, C: 94.116, H: 136.016
- CIELUV/LCHuv
- L: 65.511, C: 101.386, H: 127.724
- Hunter-Lab
- L: 58.903, a: -50.509, b: 35.411
- CIECAM02
- J: 53.779, C: 86.797, h: 136.398, Q: 144.483, M: 75.903, s: 72.480, H: 170.413
- OSA-UCS
- 明度: -9.394, 黄色: 8.844, 緑色: 9.123
- LMS
- L: 26.679, M: 46.725, S: 6.211
- YCbCr
- Y: 109.240, Cb: 74.165, Cr: 59.920
- YCoCg
- Y: 92.500, Cg: 92.500, Co: 0.000
- YDbDr
- Y: 108.595, Db: -163.355, Dr: 206.460
- YPbPr
- Y: 132.275, Pb: -71.225, Pr: -83.990
- xvYCC
- Y: 129.601, Cb: 65.434, Cr: 54.221
- YIQ
- Y: 108.595, I: -50.774, Q: -96.679
- YUV
- Y: 108.595, U: -53.439, V: -95.273
- マンセルカラーシステム
- 10GY 6/12 ΔE = 6.050
- ブランドカラー
- Technorati ΔE = 6.154