カラー変換
WebToolBoxが提供する無料のデータ変換ツール「カラー変換」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
入力
Live Preview
Sample text in selected color
出力
カラーコンバーター（HEX、RGB、HSL）とは？
カラーコンバーターは、WebデザインやUI開発で使われる主要な色表現（HEX、RGB、HSL）を相互に瞬時に変換するツールです。
画面描画基準のHEX/RGBに対し、HSL（色相・彩度・輝度）は直感的な明度・彩度調整に優れており、デザインシステムの構築に広く活用されます。
リアルタイムのカラープレビューとワンクリックでのCSSコードコピー機能を備えています。
使い方
- カラーコード（例: #4F46E5、rgb(79, 70, 229)など）を入力します。
- HEX、RGB、HSLの各フォーマット値が連動して自動更新されます。
- 画面上のプレビュー枠で実際の発色を確認します。
- 「コピー」アイコンをクリックしてCSSコードを保存します。
FAQ
- HSLを使うメリットは何ですか？
- 色相（H）を保ったまま明度（L）を変えるだけで、ボタンのホバー色やダークモード配色を直感的に作成できる点です。
データ変換 — ツール一覧
JSONフォーマッター
WebToolBoxが提供する無料のデータ変換ツール「JSONフォーマッター」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
XMLフォーマッター
WebToolBoxが提供する無料のデータ変換ツール「XMLフォーマッター」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
YAMLからJSON
WebToolBoxが提供する無料のデータ変換ツール「YAMLからJSON」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
JSONからYAML
WebToolBoxが提供する無料のデータ変換ツール「JSONからYAML」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
CSVからJSON
WebToolBoxが提供する無料のデータ変換ツール「CSVからJSON」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。
JSONからCSV
WebToolBoxが提供する無料のデータ変換ツール「JSONからCSV」をブラウザ上で直接お試しください。インストール不要で迅速かつ安全に作業を処理できます。