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