オンラインカラー変換ツール
Web デザインでは色の表記を頻繁に切り替えます:デザインは HEX、CSS では明度調整に HSL、コードでは RGB 値が必要、など。このカラー変換ツールは HEX・RGB・HSL をリアルタイムに相互変換し、プレビュー付きで、1 つを変えると他の 2 つが即更新されます。
使い方
- いずれかの欄に色(HEX・RGB・HSL)を入力します。
- 他の 2 形式とプレビューが即座に更新されます。
- 必要な形式をコピーして CSS やデザインツールに貼り付けます。
主な用途
- デザインの HEX を CSS で使いたい HSL に変換。
- HSL で同じ色相の明暗バリエーションを微調整。
- コード用の RGB 値を取得。