HEX ↔ RGB ↔ HSL コンバーター

ライブスウォッチを使用して、HEX、RGB、HSL の間でカラーを瞬時に変換します。任意のフィールドを編集します。他のフィールドは同期されたままになります。

HEX ↔ RGB ↔ HSL Converter

Live

Picker / HEX

HEX

RGB

HSL

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

ライブスウォッチを使用して、HEX、RGB、HSL の間でカラーを瞬時に変換します。
ブラウザで実行
無料で使用できます

使い方

HEX、RGB、または HSL 値を入力します。
他の形式は自動的に更新されることを確認してください。
必要な形式をコピーします。

How this tool works

HEX、RGB、または HSL 値を入力します。
他の形式は自動的に更新されることを確認してください。
必要な形式をコピーします。

Recommended settings

最初はデフォルトのオプションを使用し、必要に応じて調整します

Supported formats

Text / on-page input

File size and limits

非常に複雑なマルチレイヤーのプレビューは、古い携帯電話では遅く感じる場合があります。

Privacy

カラーおよび CSS ジェネレーターは完全にブラウザー内で実行されます。プレビューと変換ではスタイルがアップロードされることはありません。

Common use cases

必要なときにいつでも HEX ↔ RGB ↔ HSL コンバーターを使用: ライブスウォッチを使用して、HEX、RGB、HSL 間でカラーを瞬時に変換します。

Troubleshooting

貼り付け後のプレビューの見た目が変わる

ページ上に競合する CSS がないか確認します (リセット、継承された色)。まず、生成されたルールを分離されたスタイルシートにコピーします。

よくある質問

これで CSS がアップロードされますか?

いいえ。ジェネレーターとコンバーターは、ライブプレビューを使用してブラウザーで実行されます。

アカウントは必要ですか?

いいえ。ツールを開いてコントロールを調整し、CSS をコピーします。