好きな色を探してカラーコード取得:RGB(10進)・HEX(16進)

2020-05-30Color

好きな色を探してカラーコード取得:RGB(10進)・HEX(16進)

カラーコード取得

Red、Green、Blue のバーを操作してお好きな色をお探し下さい。

Red 255
Green 255
Blue 255
HEX(16進)
#ffffff
RGB
rgb(255.255.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 綾糸