オンラインでカラーコード相互変換:RGB(10進)←→HEX(16進)

2020-05-30Color

カラーコード変換
RGB(10進)←→HEX(16進) 相互に変換できます。
 

カラーコードは以下のピッカーからも調べられます。
以下のようなカラーピッカー(サブウィンドウで開きます)

カラーピッカー
カラーピッカー:画像です

サブウィンドウを開いたら カラーピッカー をクリックしてピッカーを開いてご利用下さい。
 

変換ツール

HEX RGB

(半角6桁の英数字)

R:
G:
B:
(0~255の数値)

 

RGBAにするには

RGBAでは、RGBのカラーコードに透明度を追加して記述します。

rgba(赤,緑,青,透明度)

 

RGBの色は0-255、または0%~100%で指定します。

透明度は、0(透明)~1(不透明)の数値で指定します。

 
RGBからRGBA変換は以下をご利用下さい。


 

サンプル

例:#ff0000
16進 RGB
#ff0000 rgb(255,0,0)

 

透明度100%(完全に不透明)であれば、RGBAにする必要はなく、RGBと同じ色になりますが、

100% = 1 (rgba(255,0,0,1))とし、

90% なら 0.9(rgba(255,0,0,0.9))、
30%なら 0.3 (rgba(255,0,0,0.3))と指定します。

 

RGBA値

100% rgba(255,0,0,1)
90% rgba(255,0,0,0.9)
80% rgba(255,0,0,0.8)
70% rgba(255,0,0,0.7)
60% rgba(255,0,0,0.6)
50% rgba(255,0,0,0.5)
40% rgba(255,0,0,0.4)
30% rgba(255,0,0,0.3)
20% rgba(255,0,0,0.2)
10% rgba(255,0,0,0.1)
0% rgba(255,0,0,0)

 

関連記事

Color

Posted by 綾糸