Krótka odpowiedź

Możesz zobaczyć pełną tabelę procentów do wartości hex i Uruchom Kod na tym placu zabaw w https://play.golang.org/p/l1JaPYFzDkI .

Krótkie wyjaśnienie w pseudokodzie

Procent do wartości szesnastkowych

1. dziesiętny = procent * 255 / 100 . ex: dziesiętny = 50*255/100 = 127.5
2. Konwertuj dziesiętne na wartość szesnastkową . ex: 127.5 w układzie dziesiętnym = 7*16ˆ1 + 15 = 7F w układzie szesnastkowym

Wartości szesnastkowe w procentach

1. Przelicz wartość hexaxdecimal na dziesiętną. ex: D6 = 13 * 16ˆ1 + 6 = 214
2. procent = (wartość dziesiętna ) * 100 / 255. ex : 214 *100/255 = 84%

Więcej informacji o konwersji dziesiętnej szesnastkowej

Długa odpowiedź: jak obliczyć w głowie

Problem może być rozwiązany w sposób ogólny przez mnożenie krzyżowe .

Mamy procent (od 0 do 100 ) i inną liczbę (z zakresu od 0 do 255), następnie zamienioną na szesnastkową.

• 100 255 (FF w systemie szesnastkowym)
• 0 0 (00 w systemie szesnastkowym)

Dla 1%

• 1 * 255 / 100 = 2,5
• 2,5 w hexa jest 2 jeśli go zaokrąglisz.

Dla 2%

• 2 * 255 / 100 = 5
• 5 w hexa jest 5 .

Tabela w najlepszej odpowiedzi podaje procent krok po kroku 5%.

Jak aby obliczyć liczby między w twojej głowie ? Ze względu na 2.5 przyrost, dodaj 2 do pierwszego i 3 do następnego

• 95% - F2 // start
• 96% - F4 // dodaj 2 do F2
• 97% - F7 / / dodaj 3 . Lub F2 + 5 = F7
• 98% - F9 / / dodaj 2
• 99% - FC / / dodaj 3. 9 + 3 = 12 W hexa : C
• 100% - FF / / dodaj 2

Wolę uczyć jak znaleźć rozwiązanie, niż przekazywać tabelę

Daj człowiekowi rybę i karmisz go przez jeden dzień; naucz człowieka łowić ryby i karmisz go przez całe życie

Kolorowa notacja szesnastkowa wygląda następująco: #AARRGGBB

• a : alpha
• R : czerwony
• G: zielony
• B: niebieski

Powinieneś najpierw przyjrzeć się, jak działa szesnastkowy. Można pisać co najwyżej FF.

Ten wykres nie pokazuje procentów. "#90 "to nie" 90%". Ten wykres pokazuje konwersję szesnastkową na dziesiętną. Liczba szesnastkowa 90 (zwykle reprezentowana jako 0x90) jest równa liczbie dziesiętnej 144.

Liczby szesnastkowe to baza-16, więc każda cyfra jest wartością od 0 do F. maksymalna wartość dla dwubajtowej wartości szesnastkowej (takiej jak przezroczystość koloru) to 0xFF lub 255 w dziesiętnym. Tak więc 100% to 0xFF.

Zbudowałem tę małą metodę pomocniczą dla aplikacji na Androida, może się przydać:

 /**
 * @param originalColor color, without alpha
 * @param alpha         from 0.0 to 1.0
 * @return
 */
public static String addAlpha(String originalColor, double alpha) {
    long alphaFixed = Math.round(alpha * 255);
    String alphaHex = Long.toHexString(alphaFixed);
    if (alphaHex.length() == 1) {
        alphaHex = "0" + alphaHex;
    }
    originalColor = originalColor.replace("#", "#" + alphaHex);


    return originalColor;
}

To może być bardzo późna odpowiedź.. Ale ta karta go zabija.

Wszystkie wartości procentowe są mapowane do wartości szesnastkowych.

Http://online.sfsu.edu/chrism/hexval.html

Wypróbuj to w wyszukiwarce google (lub Kliknij tutaj )

255 * .2 to hex

W rezultacie wygeneruje 0x33.

Jednak google nie zaokrągla wartości, więc można używać tylko mnożników 1-cyfrowych. jeśli chcesz użyć say .85, musisz uzyskać zaokrągloną wartość 255 * .85 najpierw wpisz (rounded-value here) to hex w wyszukiwarce google.

Zdaję sobie sprawę, że to stare pytanie, ale natknąłem się na nie, robiąc coś podobnego.

Używając SASS, masz bardzo elegancki sposób na konwersję rgba na hex ARGB: ie-hex-str. Użyłem go tutaj w mieszance.

@mixin ie8-rgba ($r, $g, $b, $a){
    $rgba: rgba($r, $g, $b, $a);
    $ie8-rgba: ie-hex-str($rgba);
    .lt-ie9 &{
      background-color: transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#{$ie8-rgba}', endColorstr='#{$ie8-rgba}');
  }
}

.transparent{
    @include ie8-rgba(88,153,131,.8);
    background-color: rgba(88,153,131,.8);
}

Wyjścia:

.transparent {
  background-color: rgba(88, 153, 131, 0.8);
}
.lt-ie9 .transparent {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC589983', endColorstr='#CC589983');
  zoom: 1;
}

Użycie Pythona do obliczenia tego, na przykład (napisane w Pythonie 3), 50% przezroczystości:

hex(round(256*0.50))

:)

Zawsze przychodzę tutaj, aby sprawdzić wartość int/hex alpha. Tak więc w końcu stworzyłem prostą metodę w mojej klasie java utils. Ta metoda przekonwertuje procent na wartość szesnastkową i dołącza do wartości ciągu kodu koloru.

 public static String setColorAlpha(int percentage, String colorCode){
    double decValue = ((double)percentage / 100) * 255;
    String rawHexColor = colorCode.replace("#","");
    StringBuilder str = new StringBuilder(rawHexColor);

    if(Integer.toHexString((int)decValue).length() == 1)
        str.insert(0, "#0" + Integer.toHexString((int)decValue));
    else
        str.insert(0, "#" + Integer.toHexString((int)decValue));
    return str.toString();
}

Więc, Utils.setColorAlpha(30, "#000000") da ci #4c000000