FREE HEX RGB HSL COLOR CONVERTER

無料HEX・RGB・HSLカラー変換

HEX、RGB、HSLの値を入力して、同じ色の別形式とプレビューを確認できます。

入力した色と結果はサーバーへ送信・保存されません。

  1. 1形式を選択
  2. 2色を変換
  3. 3結果をコピー

1 · 形式を選択

変換する色を入力してください

端末内で変換

形式を選び、値を入力するかカラーピッカーを使います。

入力形式
サンプル色

2 · 色を変換

変換結果

カラープレビュー
HEX—
CSS RGB—
CSS HSL—

不透明なsRGB色のみ変換します。透明度や他の色空間には対応しません。

無料カラーコード変換ガイド

一つの色を三つの形式に変換

登録やインストールなしでHEX・RGB・HSLを無料変換できます。
1

形式を選択

手元のコードに合わせてHEX、RGB、HSLを選びます。

2

入力して変換

各値から同じsRGB色へ変換します。

3

必要な形式をコピー

デザインやCSSで使う結果をコピーします。

色表記を理解する

同じ色を異なる形式で表示

HEXとRGBはsRGBチャンネル、HSLは色相・彩度・明度を使います。

HEX

RGBを6桁の16進数で表します。

RGB

赤・緑・青を0〜255で表します。

HSL

色相角度と彩度・明度の割合で表します。

FREE HEX RGB HSL COLOR CONVERTER FAQ

カラー変換のよくある質問

無料利用、対応形式、範囲を確認できます。
1カラー変換は無料ですか?

はい。登録不要・回数制限なしで無料です。

23桁HEXにも対応しますか?

はい。#ABCを#AABBCCに展開します。

3全形式をコピーできますか?

個別または三つまとめてコピーできます。

4透明色に対応しますか?

いいえ。現在は不透明sRGBのみ対応します。