方法（グラデーションのために）HEXに

Question

をRGBに変換するために、私はこの使用しています：css progress bar

その偉大な、そして私たちは、事実上あらゆる側面をカスタマイズしています。問題は、私は本当にグラデーションが嫌いですが、それらはrgba値です。

誰でも知っている、どのように16進値に勾配を変更する、私たちはスタイリングを完了することができます。

（私たちが持っているCSS）は、次のとおりです。

background-color: #74d04c; 
/* Webkit background stripes and gradient */ 
background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))), #74d04c; 


background: -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c; 
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); 
-o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); 
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2); 
/* Give it a higher contrast outline */ 
border: 1px solid #4c8932; 

私はちょうどRGBを得るいけない

でもリンクは大丈夫だろう（ので、我々は値を#hexに変換する方法を見たいのですが）。

乾杯

Answer 1

通常の16進表現は、1バイト個々に、単に進（ベース16）に変換し、赤、緑、青の値です。 255,255,255はffffff、0,0,0は000000となります。それらは表示されませんが、表記法はrrggbbとして配置された2桁の数字を使用します。したがって、rgb = 1,2,3は010203に変換されます。

編集：コマンドラインただ、警告される

#include <stdio.h> 
#include <stdlib.h> 

int main(int argc, char **argv) { 
    if (argc != 4) { 
     fprintf(stderr, "Usage: cvt_hex r g b"); 
     return EXIT_FAILURE; 
    } 

    int r = atoi(argv[1]); 
    int g = atoi(argv[2]); 
    int b = atoi(argv[3]); 

    printf("%2.2x%2.2x%2.2x", r, g, b); 
    return 0; 
} 

：これはエラーの方法で多くをしようとしていないツール（とCまたはC++コンパイラへのアクセス権を持っている）は、この変換を行うには、やや簡単な方法のようなものを見つけるかもしれません（例えば）255以上の値を指定すると、問題について検出または警告しません。正しく動作しない結果を生成します。

Answer 2

あなたの例では、透明度を利用しています。

rgba(255, 255, 255, 0.25) => #FFFFFF 25% 

参照：http://gradients.glrzad.com/

透明色を定義するためのCSS3仕様は、RGBA（R、G、B、A）

はHEXを使用するための勾配代替構文がありを使用していますまた、あなたが "rgbを取得しない"というあなたの正当性は本当に調べられるべきです。たぶんあなたは、デジタルカラーのかなり重要な概念として、RGBの基礎を築くのに時間を取るべきでしょう。