
HTML&CSS例
#00c631前景
井の中の蛙大海を知らず。
<p style="color: #00c631">…</p>
#00c631背景
猫に小判。
<p style="background-color: #00c631">…</p>
#00c631テキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c631">…</p>
色空間変換
- 十進
- 50737
- 二進法
- 00000000, 11000110, 00110001
- 十六進法
- #00c631
- LRV
- ≈ 40.6%
- 最も近い短い16進数
- #0c3 ΔE = 1.978
- RGB
- rgb(0, 198, 49)
- RGBA
- rgba(0, 198, 49, 1.0)
- rg色度
- r: 0.000, g: 0.802, b: 0.198
- RYB
- 赤色: 0.000%, 黄色: 62.243%, 青色: 77.647%
- Android/android.graphics.Color
- -16726479/0xff00c631
- HSL
- hsl(135, 100%, 39%)
- HSLA
- hsla(135, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 135° (134.848), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 134.848, 飽和: 100.000%, 知覚される明るさ: 59.843%
- HSLuv(HUSL)
- H: 129.754, S: 100.019, L: 69.900
- Cubehelix
- H: -237.381, S: 1.268, L: 0.479
- TSL
- T: -0.722, S: 0.771, L: 0.478
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 75% (0.753), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 81% (0.808)
- XYZ
- X: 20.747, Y: 40.607, Z: 9.650
- xyY
- x: 0.292, y: 0.572, Y: 40.607
- Lab色空間
- L: 69.900, a: -69.206, b: 58.934
- CIELuv
- L: 69.900, u: -65.310, v: 78.515
- CIELCH/LCHab
- L: 69.900, C: 90.899, H: 139.583
- CIELUV/LCHuv
- L: 69.900, C: 102.127, H: 129.754
- Hunter-Lab
- L: 63.724, a: -53.401, b: 35.628
- CIECAM02
- J: 58.686, C: 82.065, h: 139.311, Q: 150.931, M: 71.764, s: 68.955, H: 173.854
- OSA-UCS
- 明度: -9.479, 黄色: 8.352, 緑色: 9.303
- LMS
- L: 31.081, M: 54.392, S: 10.104
- YCbCr
- Y: 120.594, Cb: 91.893, Cr: 51.657
- YCoCg
- Y: 111.250, Cg: 86.750, Co: -12.250
- YDbDr
- Y: 121.812, Db: -109.517, Dr: 231.601
- YPbPr
- Y: 145.098, Pb: -51.730, Pr: -92.146
- xvYCC
- Y: 140.614, Cb: 82.559, Cr: 47.056
- YIQ
- Y: 121.812, I: -70.084, Q: -88.227
- YUV
- Y: 121.812, U: -35.830, V: -106.869
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.820
- ブランドカラー
- ASDA ΔE = 2.761