このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

RGBA/Hexカラー生成・変換ツール

記事Sep.3rd, 2022
CSSで使用できる透明度を含むRGBAカラーと16進数カラーコードを生成、相互に変換するツール
このツールについて

HSLカラー・モデルは赤、緑、青の色成分で色を表現するカラー・モデルです。透明度を示すアルファ値の指定で透過色を表現することができます。

RGBカラー・モデルのイメージ
RGBカラー・モデルのイメージ

色成分は“0”から“255”までの10進数の数値、“0”から“100”までの百分率、もしくは16進数で入力できます。

透明度は“0”から“100”の百分率、もしくは“0”から“FF”の16進数で表します。“0”が完全な透明を表し、百分率の場合は“100”、16進数の場合は“FF”が完全な不透明を表します。

生成した色は16進数カラーコード、もしくはCSSのrgb()”関数rgba()”関数hsl()”関数として出力できます。関数の引数を整数値にしたい場合は「Round」ボタンをクリックしてください。

赤色 緑色 青色 透明度
%
RGBA
Hex
一番上へ