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

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

記事Sep.2nd, 2022
CSSで使用できるRGBカラーと16進数カラーコードを生成、相互に変換するツール
このツールについて

HSLカラー・モデルは赤、緑、青の色成分で色を表現するカラー・モデルです。

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

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

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

赤色 緑色 青色
%
RGB(0~255)
RGB(0~100)
Hex
一番上へ