🌈 カラー変換
HEX・RGB・HSLを相互変換しリアルタイムプレビュー
✓ ブラウザ内でのみ動作、データは送信されません
ツール紹介
HEX・RGB・HSLを相互変換し、カラースウォッチをリアルタイムプレビューします。フロントエンドとデザインの受け渡しに便利です。
使い方
- カラーピッカーまたはHEX入力で色を指定
- RGBとHSLを同時表示
- 必要な形式をコピーして利用
よくある質問
HSLの利点は？
色相・彩度・明度で扱うため、同系色の濃淡を作りやすいです。
3桁HEXは使えますか？
本バージョンでは6桁HEX（例: #4f6ef7）をご利用ください。