
HTML&CSS例
#00c645前景
弱肉強食。
<p style="color: #00c645">…</p>
#00c645背景
異体同心。
<p style="background-color: #00c645">…</p>
#00c645テキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c645">…</p>
色空間変換
- 十進
- 50757
- 二進法
- 00000000, 11000110, 01000101
- 十六進法
- #00c645
- LRV
- ≈ 40.8%
- 最も近い短い16進数
- #0c4 ΔE = 2.042
- RGB
- rgb(0, 198, 69)
- RGBA
- rgba(0, 198, 69, 1.0)
- rg色度
- r: 0.000, g: 0.742, b: 0.258
- RYB
- 赤色: 0.000%, 黄色: 57.581%, 青色: 77.647%
- Android/android.graphics.Color
- -16726459/0xff00c645
- HSL
- hsl(141, 100%, 39%)
- HSLA
- hsla(141, 100%, 39%, 1.0)
- HSV/HSB
- 色相: 141° (140.909), 飽和: 100% (1.000), 値: 78% (0.776)
- HSP
- 色相: 140.909, 飽和: 100.000%, 知覚される明るさ: 60.187%
- HSLuv(HUSL)
- H: 131.805, S: 100.019, L: 70.046
- Cubehelix
- H: -231.275, S: 1.215, L: 0.488
- TSL
- T: -0.826, S: 0.707, L: 0.487
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 65% (0.652), キー・プレート: 22% (0.224)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 73% (0.729)
- XYZ
- X: 21.267, Y: 40.815, Z: 12.386
- xyY
- x: 0.286, y: 0.548, Y: 40.815
- Lab色空間
- L: 70.046, a: -67.344, b: 51.448
- CIELuv
- L: 70.046, u: -64.651, v: 72.295
- CIELCH/LCHab
- L: 70.046, C: 84.747, H: 142.622
- CIELUV/LCHuv
- L: 70.046, C: 96.987, H: 131.805
- Hunter-Lab
- L: 63.887, a: -52.383, b: 33.226
- CIECAM02
- J: 58.896, C: 76.008, h: 142.052, Q: 151.200, M: 66.468, s: 66.302, H: 177.011
- OSA-UCS
- 明度: -9.546, 黄色: 7.530, 緑色: 9.055
- LMS
- L: 31.107, M: 54.396, S: 12.800
- YCbCr
- Y: 122.554, Cb: 100.673, Cr: 50.237
- YCoCg
- Y: 116.250, Cg: 81.750, Co: -17.250
- YDbDr
- Y: 124.092, Db: -82.857, Dr: 235.941
- YPbPr
- Y: 146.538, Pb: -41.730, Pr: -93.066
- xvYCC
- Y: 141.850, Cb: 91.343, Cr: 46.248
- YIQ
- Y: 124.092, I: -76.509, Q: -82.005
- YUV
- Y: 124.092, U: -27.110, V: -108.869
- マンセルカラーシステム
- 10GY 7/10 ΔE = 8.431
- ブランドカラー
- ASDA ΔE = 4.112