RGBからHSLへのコンバーター
ブラウザ内でライブ プレビュー スウォッチを使用して、HEX、RGB、HSL、CMYK 表記の間であらゆる色を変換できます。
処理中...
0%
カラー値の解析
色空間の変換
レンダリングプレビュー
完了
結果
このページでは、入力形式として RGB が事前に選択されたカラー コンバーターが開きます。rgb(59, 130, 246) または単に 59, 130, 246 と入力して実行すると、色が hsl(色相、彩度、明度) として表示されます。
チャネル値を HSL に変換すると、生の数値がデザイナーが推論できるものに変わります。色相を維持し、ホバー状態や無効な状態で明度を変えるか、色相を回転してアクセント カラーを導き出すか、これが最新の CSS デザイン システムの構築方法です。
このプリセットは、カラー ピッカーとプレビュー スウォッチを使用して、HEX、RGB、HSL、CMYK の間で任意の方向に変換する完全なツールのうちの 1 つのペアであり、アップロードせずに完全にブラウザ内で実行されます。