カラーコード変換
正確な処理
このコンテンツは標準的なアルゴリズムに基づいて処理しています。実装上のバグがない限り、正確な結果が得られます。カラーコード変換ツール。HEX・RGB・HSLの相互変換とカラーピッカーに対応。Webデザインや開発に便利。登録不要・無料で使えるオンラインツールです。
カラーコードを入力するだけでHEX・RGB・HSLを一括変換できる
使い方の例
入力#3498db
出力HEX: #3498db / RGB: rgb(52, 152, 219) / HSL: hsl(204, 70%, 53%)
HEXカラーコードからRGB・HSLに変換する例
このツールはブラウザ上で動作します。入力データがサーバーに送信されることはありません。
よくある質問
3桁の短縮HEXコードにも対応していますか？
はい。#RGBの3桁形式と#RRGGBBの6桁形式の両方に対応しています。3桁形式は自動的に6桁に展開して変換されます。
カラーピッカーから色を選んで変換できますか？
はい。テキスト入力のほかにカラーピッカーも用意しています。カラーピッカーで色を選ぶと、自動的にHEX・RGB・HSLの各値が表示されます。
RGBとHSLの値の範囲はどのくらいですか？
RGBは各チャンネルが0から255の整数値です。HSLはH（色相）が0から360度、S（彩度）とL（明度）がそれぞれ0から100%の範囲です。