Skip to content

Instantly share code, notes, and snippets.

@lopspower

lopspower/README.md

Last active May 5, 2025 05:07
Download ZIP

Revisions

  1. lopspower revised this gist Oct 4, 2019. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -7,6 +7,12 @@ Hexadecimal color code for transparency

    For example, you want to set **40%** alpha transparence to `#000000` (black color), you need to add `66` like this `#66000000`.

    ### Download This sample on Google Play Store

    <a href="https://play.google.com/store/apps/details?id=com.mikhaellopez.lopspower">
    <img alt="Android app on Google Play" src="https://developer.android.com/images/brand/en_app_rgb_wo_45.png" />
    </a>

    ### All hex value from 100% to 0% alpha:

    <img src="https://media.giphy.com/media/L2Zu4wTounuNk1bwVw/giphy.gif" width="400" alt="sample" title="sample" align="right" />
  2. lopspower revised this gist Oct 4, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@ For example, you want to set **40%** alpha transparence to `#000000` (black colo

    ### All hex value from 100% to 0% alpha:

    <img src="https://media.giphy.com/media/L2Zu4wTounuNk1bwVw/giphy.gif" width="480" alt="sample" title="sample" align="right" vspace="25" />
    <img src="https://media.giphy.com/media/L2Zu4wTounuNk1bwVw/giphy.gif" width="400" alt="sample" title="sample" align="right" />

    - **100% — FF**
    - 99% — FC
  3. lopspower revised this gist Oct 4, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@ For example, you want to set **40%** alpha transparence to `#000000` (black colo

    ### All hex value from 100% to 0% alpha:

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="25" />
    <img src="https://media.giphy.com/media/L2Zu4wTounuNk1bwVw/giphy.gif" width="480" alt="sample" title="sample" align="right" vspace="25" />

    - **100% — FF**
    - 99% — FC
  4. lopspower revised this gist Mar 8, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -3,9 +3,9 @@ Hexadecimal color code for transparency

    [![Twitter](https://img.shields.io/badge/Twitter-@LopezMikhael-blue.svg?style=flat)](http://twitter.com/lopezmikhael)

    ### How to set transparency by hex color?
    ### How to set transparency with hex value ?

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` like this `#66000000`.
    For example, you want to set **40%** alpha transparence to `#000000` (black color), you need to add `66` like this `#66000000`.

    ### All hex value from 100% to 0% alpha:

  5. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    Hex transparency in colors
    Hexadecimal color code for transparency
    =================

    [![Twitter](https://img.shields.io/badge/Twitter-@LopezMikhael-blue.svg?style=flat)](http://twitter.com/lopezmikhael)
  6. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Hex transparency in colors

    ### How to set transparency by hex color?

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.
    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` like this `#66000000`.

    ### All hex value from 100% to 0% alpha:

  7. lopspower revised this gist Mar 8, 2016. 1 changed file with 13 additions and 13 deletions.
    26 changes: 13 additions & 13 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="25" />

    - 100% — FF
    - **100% — FF**
    - 99% — FC
    - 98% — FA
    - 97% — F7
    @@ -21,7 +21,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 93% — ED
    - 92% — EB
    - 91% — E8
    - 90% — E6
    - **90% — E6**
    - 89% — E3
    - 88% — E0
    - 87% — DE
    @@ -31,17 +31,17 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 83% — D4
    - 82% — D1
    - 81% — CF
    - 80% — CC
    - **80% — CC**
    - 79% — C9
    - 78% — C7
    - 77% — C4
    - 76% — C2
    - 75% — BF
    - **75% — BF**
    - 74% — BD
    - 73% — BA
    - 72% — B8
    - 71% — B5
    - 70% — B3
    - **70% — B3**
    - 69% — B0
    - 68% — AD
    - 67% — AB
    @@ -51,7 +51,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 63% — A1
    - 62% — 9E
    - 61% — 9C
    - 60% — 99
    - **60% — 99**
    - 59% — 96
    - 58% — 94
    - 57% — 91
    @@ -61,7 +61,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 53% — 87
    - 52% — 85
    - 51% — 82
    - 50% — 80
    - **50% — 80**
    - 49% — 7D
    - 48% — 7A
    - 47% — 78
    @@ -71,7 +71,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 43% — 6E
    - 42% — 6B
    - 41% — 69
    - 40% — 66
    - **40% — 66**
    - 39% — 63
    - 38% — 61
    - 37% — 5E
    @@ -81,17 +81,17 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 33% — 54
    - 32% — 52
    - 31% — 4F
    - 30% — 4D
    - **30% — 4D**
    - 29% — 4A
    - 28% — 47
    - 27% — 45
    - 26% — 42
    - 25% — 40
    - **25% — 40**
    - 24% — 3D
    - 23% — 3B
    - 22% — 38
    - 21% — 36
    - 20% — 33
    - **20% — 33**
    - 19% — 30
    - 18% — 2E
    - 17% — 2B
    @@ -101,7 +101,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 13% — 21
    - 12% — 1F
    - 11% — 1C
    - 10% — 1A
    - **10% — 1A**
    - 9% — 17
    - 8% — 14
    - 7% — 12
    @@ -111,7 +111,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 3% — 08
    - 2% — 05
    - 1% — 03
    - 0% — 00
    - **0% — 00**

    ***

  8. lopspower revised this gist Mar 8, 2016. 1 changed file with 10 additions and 1 deletion.
    11 changes: 10 additions & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,8 @@
    Hex transparency in colors
    =================

    [![Twitter](https://img.shields.io/badge/Twitter-@LopezMikhael-blue.svg?style=flat)](http://twitter.com/lopezmikhael)

    ### How to set transparency by hex color?

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.
    @@ -109,4 +111,11 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),
    - 3% — 08
    - 2% — 05
    - 1% — 03
    - 0% — 00
    - 0% — 00

    ***

    :books: Best Android Gists
    =================

    You can see other best Android Gists or offer your just here [https://github.com/lopspower/BestAndroidGists](https://github.com/lopspower/BestAndroidGists) :+1:.
  9. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -7,7 +7,7 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),

    ### All hex value from 100% to 0% alpha:

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="50" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="25" />

    - 100% — FF
    - 99% — FC
  10. lopspower revised this gist Mar 8, 2016. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,10 +5,10 @@ Hex transparency in colors

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="150" />

    ### All hex value from 100% to 0% alpha:

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="50" />

    - 100% — FF
    - 99% — FC
    - 98% — FA
  11. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Hex transparency in colors

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="100" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="150" />

    ### All hex value from 100% to 0% alpha:

  12. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Hex transparency in colors

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="75" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="100" />

    ### All hex value from 100% to 0% alpha:

  13. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Hex transparency in colors

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="50" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="75" />

    ### All hex value from 100% to 0% alpha:

  14. lopspower revised this gist Mar 8, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@ Hex transparency in colors

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="300" alt="sample" title="sample" align="right" vspace="24" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="500" alt="sample" title="sample" align="right" vspace="50" />

    ### All hex value from 100% to 0% alpha:

  15. lopspower revised this gist Mar 8, 2016. 1 changed file with 99 additions and 99 deletions.
    198 changes: 99 additions & 99 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -11,102 +11,102 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),

    - 100% — FF
    - 99% — FC
    98% — FA
    97% — F7
    96% — F5
    95% — F2
    94% — F0
    93% — ED
    92% — EB
    91% — E8
    90% — E6
    89% — E3
    88% — E0
    87% — DE
    86% — DB
    85% — D9
    84% — D6
    83% — D4
    82% — D1
    81% — CF
    80% — CC
    79% — C9
    78% — C7
    77% — C4
    76% — C2
    75% — BF
    74% — BD
    73% — BA
    72% — B8
    71% — B5
    70% — B3
    69% — B0
    68% — AD
    67% — AB
    66% — A8
    65% — A6
    64% — A3
    63% — A1
    62% — 9E
    61% — 9C
    60% — 99
    59% — 96
    58% — 94
    57% — 91
    56% — 8F
    55% — 8C
    54% — 8A
    53% — 87
    52% — 85
    51% — 82
    50% — 80
    49% — 7D
    48% — 7A
    47% — 78
    46% — 75
    45% — 73
    44% — 70
    43% — 6E
    42% — 6B
    41% — 69
    40% — 66
    39% — 63
    38% — 61
    37% — 5E
    36% — 5C
    35% — 59
    34% — 57
    33% — 54
    32% — 52
    31% — 4F
    30% — 4D
    29% — 4A
    28% — 47
    27% — 45
    26% — 42
    25% — 40
    24% — 3D
    23% — 3B
    22% — 38
    21% — 36
    20% — 33
    19% — 30
    18% — 2E
    17% — 2B
    16% — 29
    15% — 26
    14% — 24
    13% — 21
    12% — 1F
    11% — 1C
    10% — 1A
    9% — 17
    8% — 14
    7% — 12
    6% — 0F
    5% — 0D
    4% — 0A
    3% — 08
    2% — 05
    1% — 03
    0% — 00
    - 98% — FA
    - 97% — F7
    - 96% — F5
    - 95% — F2
    - 94% — F0
    - 93% — ED
    - 92% — EB
    - 91% — E8
    - 90% — E6
    - 89% — E3
    - 88% — E0
    - 87% — DE
    - 86% — DB
    - 85% — D9
    - 84% — D6
    - 83% — D4
    - 82% — D1
    - 81% — CF
    - 80% — CC
    - 79% — C9
    - 78% — C7
    - 77% — C4
    - 76% — C2
    - 75% — BF
    - 74% — BD
    - 73% — BA
    - 72% — B8
    - 71% — B5
    - 70% — B3
    - 69% — B0
    - 68% — AD
    - 67% — AB
    - 66% — A8
    - 65% — A6
    - 64% — A3
    - 63% — A1
    - 62% — 9E
    - 61% — 9C
    - 60% — 99
    - 59% — 96
    - 58% — 94
    - 57% — 91
    - 56% — 8F
    - 55% — 8C
    - 54% — 8A
    - 53% — 87
    - 52% — 85
    - 51% — 82
    - 50% — 80
    - 49% — 7D
    - 48% — 7A
    - 47% — 78
    - 46% — 75
    - 45% — 73
    - 44% — 70
    - 43% — 6E
    - 42% — 6B
    - 41% — 69
    - 40% — 66
    - 39% — 63
    - 38% — 61
    - 37% — 5E
    - 36% — 5C
    - 35% — 59
    - 34% — 57
    - 33% — 54
    - 32% — 52
    - 31% — 4F
    - 30% — 4D
    - 29% — 4A
    - 28% — 47
    - 27% — 45
    - 26% — 42
    - 25% — 40
    - 24% — 3D
    - 23% — 3B
    - 22% — 38
    - 21% — 36
    - 20% — 33
    - 19% — 30
    - 18% — 2E
    - 17% — 2B
    - 16% — 29
    - 15% — 26
    - 14% — 24
    - 13% — 21
    - 12% — 1F
    - 11% — 1C
    - 10% — 1A
    - 9% — 17
    - 8% — 14
    - 7% — 12
    - 6% — 0F
    - 5% — 0D
    - 4% — 0A
    - 3% — 08
    - 2% — 05
    - 1% — 03
    - 0% — 00
  16. lopspower revised this gist Mar 8, 2016. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -7,10 +7,10 @@ For example, you want to set 40% alpha transparence to `#000000` (black color),

    <img src="http://i68.tinypic.com/2u7y6p3.png" width="300" alt="sample" title="sample" align="right" vspace="24" />

    All hex value from 100% to 0% alpha:
    ### All hex value from 100% to 0% alpha:

    100% — FF
    99% — FC
    - 100% — FF
    - 99% — FC
    98% — FA
    97% — F7
    96% — F5
  17. lopspower revised this gist Mar 8, 2016. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,11 @@
    Hex transparency in colors
    =================

    How to set transparency by hex color?
    ### How to set transparency by hex color?

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" alt="sample" title="sample" align="right" vspace="24" />
    <img src="http://i68.tinypic.com/2u7y6p3.png" width="300" alt="sample" title="sample" align="right" vspace="24" />

    All hex value from 100% to 0% alpha:

  18. lopspower renamed this gist Mar 8, 2016. 1 changed file with 0 additions and 0 deletions.
    0 new_gist_file_0 → README.md
    View file
    File renamed without changes.
  19. lopspower created this gist Mar 8, 2016.
    111 changes: 111 additions & 0 deletions new_gist_file_0
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,111 @@
    Hex transparency in colors

    How to set transparency by hex color?

    For example, you want to set 40% alpha transparence to `#000000` (black color), you need to add `66` this way `#66000000`.

    <img src="http://i68.tinypic.com/2u7y6p3.png" alt="sample" title="sample" align="right" vspace="24" />

    All hex value from 100% to 0% alpha:

    100% — FF
    99% — FC
    98% — FA
    97% — F7
    96% — F5
    95% — F2
    94% — F0
    93% — ED
    92% — EB
    91% — E8
    90% — E6
    89% — E3
    88% — E0
    87% — DE
    86% — DB
    85% — D9
    84% — D6
    83% — D4
    82% — D1
    81% — CF
    80% — CC
    79% — C9
    78% — C7
    77% — C4
    76% — C2
    75% — BF
    74% — BD
    73% — BA
    72% — B8
    71% — B5
    70% — B3
    69% — B0
    68% — AD
    67% — AB
    66% — A8
    65% — A6
    64% — A3
    63% — A1
    62% — 9E
    61% — 9C
    60% — 99
    59% — 96
    58% — 94
    57% — 91
    56% — 8F
    55% — 8C
    54% — 8A
    53% — 87
    52% — 85
    51% — 82
    50% — 80
    49% — 7D
    48% — 7A
    47% — 78
    46% — 75
    45% — 73
    44% — 70
    43% — 6E
    42% — 6B
    41% — 69
    40% — 66
    39% — 63
    38% — 61
    37% — 5E
    36% — 5C
    35% — 59
    34% — 57
    33% — 54
    32% — 52
    31% — 4F
    30% — 4D
    29% — 4A
    28% — 47
    27% — 45
    26% — 42
    25% — 40
    24% — 3D
    23% — 3B
    22% — 38
    21% — 36
    20% — 33
    19% — 30
    18% — 2E
    17% — 2B
    16% — 29
    15% — 26
    14% — 24
    13% — 21
    12% — 1F
    11% — 1C
    10% — 1A
    9% — 17
    8% — 14
    7% — 12
    6% — 0F
    5% — 0D
    4% — 0A
    3% — 08
    2% — 05
    1% — 03
    0% — 00