カラーコンバーター
編集可能なHEX、RGB、RGBA、HSL、HSLA、HSV値を変換し、同じ色をプレビューして、コードやデザインシステムに必要な形式をコピーします. 処理はブラウザ内でローカルに…
使ってみる
このツールでできること
編集可能なHEX、RGB、RGBA、HSL、HSLA、HSV値を変換し、同じ色をプレビューして、コードやデザインシステムに必要な形式をコピーします。
計算例
入力
#3B82F6
結果
rgb(59, 130, 246) · hsl(217, 91%, 60%)
結果の生成方法
RGBは赤、緑、青のチャンネル強度を格納します。HSLは色相、彩度、明度を表し、HSVは明度の代わりに値を使用します。変換は、丸めと色域の制限に従って、表される色を保持します。
便利な使い方
- デザインファイルの色をCSSに変換
- ブランドのHEX値から編集可能なHSLバリアントを作成
- オーバーレイを使用する前にアルファ値を確認
重要な制限
- アルファチャンネルのないHEXは完全に不透明です。
- チャンネルが丸められるため、変換を繰り返すと最後の桁が変わることがあります。
- 同等の数値は、較正されていないディスプレイでは異なって見えることがあります。
よくある質問
HEXとRGBの色は異なりますか?
これらは同じRGBチャンネルモデルの2つの表記法です。#3B82F6とrgb(59,130,246)は同じ色を表します。
色を変換するとコントラストが向上しますか?
いいえ。変換は表記法を変更するだけで、コントラストは変更しません。実際の前景と背景のペアをテストしてください。
処理はブラウザ内でローカルに行われます。