色変換 — 無料オンラインツール
サインアップなしで即座に無料で利用できます。ファイルはローカルで処理され、アップロードされることはありません。
AllFileBoxチームより · 最終更新日：2026-06-11
AdSense Slot: 1111111111
HEX
#5B4FE8
RGB
rgb(91, 79, 232)
HSL
hsl(245, 77%, 61%)
広告
AdSense Slot: 2222222222
カラーコンバーターは、HEX、RGB、HSL形式間で色を瞬時に変換する無料のオンラインツールです。CSS、デザイン、印刷に必要な正確なコードをコピーできます。
HEX、RGB、HSLの説明
HEXはCSSやデザインツールで使用される6桁のコードです。RGBは赤、緑、青のチャンネルで色を記述します。HSLは色相、彩度、明度を使用するため、感覚で色を調整するのが簡単です。これらを変換することで、ツールが期待する任意の形式で作業できます。
あらゆる方向へ変換
いずれかの形式で値を入力すると、コンバーターは他の形式で一致するコードを返し、ライブスウォッチで色を確認できます。HSLからHEX、HEXからHSL、RGBからHEX、HEXからRGBへの変換を、丸め誤差なしで処理します。
使い方 色変換
- ブラウザでカラーコンバーターを開きます。
- HEX、RGB、またはHSLで色を入力または貼り付けます。
- 他の形式で変換された値を読み取ります。
- ライブカラースウォッチで確認します。
- 必要なコードをコピーします。
ブランドカラーを合わせる
ブランドカラーを合わせる
スタイルガイドからHEXコードを貼り付け、他のツール用のRGBおよびHSL値を読み取ります。
HSLで色合いを調整する
HSLで明度を調整し、スタイルシート用にHEXに変換します。
デザイントークンを埋める
RGBをHEXに変換して、デザインシステムのカラー変数をすばやく入力します。
| 形式 | 例 | 一般的な用途 |
|---|---|---|
| HEX | ＃0277BD | CSS、デザインツール |
| RGB | rgb(2,119,189) | 画面、キャンバス |
| HSL | hsl(201,98%,37%) | 色合いの調整 |
関連ツール
主な機能 色変換
ファイルはローカルで処理されます — サーバーにアップロードされることはありません
WebAssemblyによる超高速ブラウザベース処理
アカウント、サインアップ、登録は不要
すべての標準的な使用ケースで100%無料
世界中で70の言語で利用可能
デスクトップ、タブレット、モバイルなど、あらゆるデバイスで動作します
お客様のファイルはプライベートに保たれます
すべての処理はWebAssemblyを使用してブラウザ内で行われます。お客様のファイルが当社のサーバーに送信されることはありません。当社はお客様のファイルに一切アクセスできません — 保証いたします。
よくある質問
AdSense Slot: 6666666666