
HTML&CSS例
#00e377前景
美人薄命。
<p style="color: #00e377">…</p>
#00e377背景
海千山千。
<p style="background-color: #00e377">…</p>
#00e377テキストに影をつける
一期一会。
<p style="text-shadow: 0.1em 0.1em 0.15em #00e377">…</p>
色空間変換
- 十進
- 58231
- 二進法
- 00000000, 11100011, 01110111
- 十六進法
- #00e377
- LRV
- ≈ 56.3%
- 最も近い短い16進数
- #2d7 ΔE = 1.913
- RGB
- rgb(0, 227, 119)
- RGBA
- rgba(0, 227, 119, 1.0)
- rg色度
- r: 0.000, g: 0.656, b: 0.344
- RYB
- 赤色: 0.000%, 黄色: 58.403%, 青色: 89.020%
- Android/android.graphics.Color
- -16718985/0xff00e377
- HSL
- hsl(151, 100%, 45%)
- HSLA
- hsla(151, 100%, 45%, 1.0)
- HSV/HSB
- 色相: 151° (151.454), 飽和: 100% (1.000), 値: 89% (0.890)
- HSP
- 色相: 151.454, 飽和: 100.000%, 知覚される明るさ: 70.000%
- HSLuv(HUSL)
- H: 137.986, S: 100.019, L: 79.765
- Cubehelix
- H: -219.636, S: 1.363, L: 0.577
- TSL
- T: -1.009, S: 0.622, L: 0.576
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 0% (0.000), 黄色: 48% (0.476), キー・プレート: 11% (0.110)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 11% (0.110), 黄色: 53% (0.533)
- XYZ
- X: 30.796, Y: 56.266, Z: 26.686
- xyY
- x: 0.271, y: 0.495, Y: 56.266
- Lab色空間
- L: 79.765, a: -69.363, b: 39.950
- CIELuv
- L: 79.765, u: -71.374, v: 64.296
- CIELCH/LCHab
- L: 79.765, C: 80.045, H: 150.060
- CIELUV/LCHuv
- L: 79.765, C: 96.063, H: 137.986
- Hunter-Lab
- L: 75.011, a: -57.985, b: 31.414
- CIECAM02
- J: 70.297, C: 70.452, h: 149.578, Q: 165.189, M: 61.609, s: 61.071, H: 185.296
- OSA-UCS
- 明度: -9.687, 黄色: 6.207, 緑色: 9.418
- LMS
- L: 42.405, M: 74.006, S: 27.101
- YCbCr
- Y: 142.070, Cb: 114.184, Cr: 36.015
- YCoCg
- Y: 143.250, Cg: 83.750, Co: -29.750
- YDbDr
- Y: 146.815, Db: -41.814, Dr: 279.155
- YPbPr
- Y: 170.873, Pb: -27.895, Pr: -108.532
- xvYCC
- Y: 162.750, Cb: 103.496, Cr: 32.662
- YIQ
- Y: 146.815, I: -100.531, Q: -81.603
- YUV
- Y: 146.815, U: -13.687, V: -128.804
- マンセルカラーシステム
- 2.5G 7/10 ΔE = 9.654
- ブランドカラー
- ASDA ΔE = 11.001