RGB から HSL への変換ツール
入力するだけで RGB から HSL へリアルタイムに変換します。無料かつ瞬時に計算され、具体的な変換例や代表的なカラーチャートも掲載しています。
RGB の値を入力すると、その下に HSL の値が表示されます。カラーピッカーから色を選択することも可能です。
変換の具体例
RGB 255, 87, 51 = HSL 11, 100%, 60%
変換の仕組み
- HSLは、色相（色相環上の0〜360°）、彩度、輝度によって色を表現します。特定の成分だけを変更して、色を暗くしたり鮮やかさを抑えたりする調整が簡単に行えます。
代表的な色の RGB と HSL の対応表
| 色 | RGB | HSL |
|---|---|---|
| 赤（レッド） | 255, 0, 0 | 0, 100%, 50% |
| オレンジ | 255, 165, 0 | 39, 100%, 50% |
| 黄色（イエロー） | 255, 255, 0 | 60, 100%, 50% |
| 緑（グリーン） | 0, 128, 0 | 120, 100%, 25% |
| シアン | 0, 255, 255 | 180, 100%, 50% |
| 青（ブルー） | 0, 0, 255 | 240, 100%, 50% |
| 紫（パープル） | 128, 0, 128 | 300, 100%, 25% |
| ピンク | 255, 192, 203 | 350, 100%, 88% |
| 茶色（ブラウン） | 165, 42, 42 | 0, 59%, 41% |
| 白（ホワイト） | 255, 255, 255 | 0, 0%, 100% |
| 灰色（グレー） | 128, 128, 128 | 0, 0%, 50% |
| 黒（ブラック） | 0, 0, 0 | 0, 0%, 0% |
すべての変換処理はお使いのブラウザ上で行われます。入力したデータがBroBroGoにアップロードされることはありません。
よくある質問
RGB から HSL への変換方法を教えてください。
上の入力欄に RGB の値を入力または貼り付けると、入力に合わせて HSL の値がリアルタイムに更新されます。また、カラーピッカーを使って視覚的に色を選択することもできます。
変換は正確ですか？
値は、CSSやデザインツールで一般的に使用される整数に丸められます。その差は非常にわずかであり、人間の目で識別できるレベルではありません。