◐

カラー変換ツール

色を HEX、RGB、HSL の間で変換し、プレビューをリアルタイム表示します。

ファイルはこの端末に残ります

ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。

ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。

選択

HEX

RGB

HSL

RGB または HSL の値をクリックするとコピーできます。

このツールについて

色を選ぶか HEX 値を入力すると、対応する RGB と HSL を、リアルタイムのスウォッチとともに即座に表示します。任意の値をクリックするとコピーできます。CSS、デザインシステム、ブランドカラーの一致確認に最適です。

HSL とは？

HSL は色相（0〜360°）、彩度、明度で色を表します。色合いを調整する際には HEX より直感的なことが多いです。

3 桁の HEX に対応していますか？

はい。#f80 のような短縮表記は自動的に 6 桁の形式に展開されます。