カテゴリー: 開発ツール
カラーコンバーター
HEX・RGB・HSLを相互変換。
HEX、rgb()、hsl()のいずれかで色を入力すると、3つの表記を同時に表示します。プレビューとカラーピッカー付き。
このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。
このツールでできること
HEXは短く書け、RGBは画面の光の混色に対応し、HSLは色相・彩度・明度を手作業で調整しやすい形で表します。相互に変換しても色は変わらず、スタイルシートやデザインツールが求める表記が得られます。
使い方
- #0f7b63、rgb(15, 123, 99)、hsl(170, 78%, 27%) のように色を入力します。
- カラーピッカーから視覚的に選ぶこともできます。
- 見本の下に表示されるHEX・RGB・HSLの値を確認します。
プライバシー
このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。
よくある質問
- どの入力形式に対応していますか。
- #の有無を問わず3桁・6桁のHEX、さらに rgb()、rgba()、hsl()、hsla() の表記に対応しています。
- アルファ値には対応していますか。
- 変換時に透明度は無視され、不透明な色として3つの形式で表示します。