
HTML&CSS例
#00c676前景
蓼食う虫も好き好き。
<p style="color: #00c676">…</p>
#00c676背景
悪因悪果。
<p style="background-color: #00c676">…</p>
#00c676テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c676">…</p>
色空間変換
- 十進
- 50806
- 二進法
- 00000000, 11000110, 01110110
- 十六進法
- #00c676
- LRV
- ≈ 41.7%
- 最も近い短い16進数
- #0c7 ΔE = 2.068
- RGB
- rgb(0, 198, 118)
- RGBA
- rgba(0, 198, 118, 1.0)
- rg色度
- r: 0.000, g: 0.627, b: 0.373
- RYB
- 赤色: 0.000%, 黄色: 48.652%, 青色: 77.647%
- Android/android.graphics.Color
- -16726410/0xff00c676
- HSL
- hsl(156, 100%, 39%)
- HSLA
- hsla(156, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 156° (155.758), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 155.758, 飽和: 100.000%, 知覚される明るさ: 61.508%
- HSLuv(HUSL)
- H: 142.270, S: 100.019, L: 70.659
- Cubehelix
- H: -214.664, S: 1.154, L: 0.509
- TSL
- T: -1.084, S: 0.596, L: 0.509
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 40% (0.404), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 54% (0.537)
- XYZ
- X: 23.462, Y: 41.693, Z: 23.947
- xyY
- x: 0.263, y: 0.468, Y: 41.693
- Lab色空間
- L: 70.659, a: -59.881, b: 28.688
- CIELuv
- L: 70.659, u: -62.117, v: 48.061
- CIELCH/LCHab
- L: 70.659, C: 66.398, H: 154.402
- CIELUV/LCHuv
- L: 70.659, C: 78.539, H: 142.270
- Hunter-Lab
- L: 64.570, a: -48.140, b: 23.210
- CIECAM02
- J: 59.698, C: 60.243, h: 154.393, Q: 152.227, M: 52.682, s: 58.828, H: 190.322
- OSA-UCS
- 明度: -9.751, 黄色: 4.582, 緑色: 8.222
- LMS
- L: 31.215, M: 54.412, S: 24.187
- YCbCr
- Y: 127.356, Cb: 122.184, Cr: 46.758
- YCoCg
- Y: 128.500, Cg: 69.500, Co: -29.500
- YDbDr
- Y: 129.678, Db: -17.540, Dr: 246.574
- YPbPr
- Y: 150.066, Pb: -17.230, Pr: -95.320
- xvYCC
- Y: 144.880, Cb: 112.865, Cr: 44.268
- YIQ
- Y: 129.678, I: -92.251, Q: -66.759
- YUV
- Y: 129.678, U: -5.746, V: -113.769
- マンセルカラーシステム
- 5G 7/10 ΔE = 4.648
- ブランドカラー
- ASDA ΔE = 10.828